CSS宽高相关

font-size与line-height关系
line-height默认是由字体设计师设置的,若div内只有内联元素,则div的高度是由行高确定的,多行则多行行高相加,与字体的大小无关,若行内有一个很长的字,需要加word-break: break-all

position: relative不会脱离文档流,设置top/left等后,其原来位置会保留

CSS宽高相关_第1张图片
两端对齐.png
CSS宽高相关_第2张图片
两端对齐_优化.png
CSS宽高相关_第3张图片
多行文本省略号.png

outline不占据宽高

内联元素的高度由行高决定的,但高度不是由margin,padding影响

div的宽度会默认自适应其父级元素的宽度,

设置div的padding-top: 100%可实现1:1的div

你可能感兴趣的:(CSS宽高相关)