接上节,本文学习定义框范围的一些属性:
属性 | 作用 |
height | 设置框高度 |
width | 设置框宽度 |
line-height | 设置行间距 |
max-height | 设置框的最大高度 |
min-height | 设置框的最小高度 |
max-width | 设置框的最大宽度 |
min-width | 设置框的最小宽度 |
(1)height和width属性:设置框的大小
他们能够使用的值包括长度,百分比或者auto(自适应内容大小)
(2)line-height属性:设置框中内容的行间距
(3)max-width与min-width属性:设置框的最大最小宽度
当父元素宽度足够大时,框使用最大宽度值,当父元素宽度很小时(小于这里设定的最小宽度值),则添加水平滚动条。
(4)max-height与min-height属性:设置框的最大最小高度
其使用类似与max-width与min-width。
(5)overflow属性
由于设置了最大高度,在框宽度较小时,可能出现指定框的大小不足以容纳要展现的全部的内容。这时需要使用overflow属性。overflow="hidden"表示隐藏溢出的内容;overflow="scroll"表示添加垂直滚动条。