CSS中,float与display都是常用的样式属性。下面分别介绍它们的用法和作用。
.float {float: left;}
float用于设置元素浮动,可以使元素脱离文档流,并让后面的元素环绕它。float的值可以为left或right。
常见的应用场景是实现多栏布局,如左边栏、右边栏和主要内容区域。在这种布局中,左右两个栏元素使用float: left和float: right来实现浮动,而中间的内容区域则不需要浮动。
.display {display: none;}
display用于设置元素的显示方式。常见的值有none、block、inline和inline-block。
其中,none可以隐藏元素,block会让元素独占一行占据整个可见视口的宽度,inline则会让元素在一行内按照顺序排列(不独占一行),inline-block则会让元素在一行内按照顺序排列,但是可以设置宽度和高度。
display的应用很广泛,可以用于代码中的隐藏元素、表格布局中的单元格显示方式等等。