.col{ float: left; //设置浮动 width: 25%; //设置宽度 }
1. float属性:cols的布局离不开float属性,因为cols依赖于float属性进行布局,float有四个不同值可以分别选择,分别是left、right、center和none。这里大家通过设置left属性,让每个列呈现左浮动状态
2. width属性:cols的宽度也需要大家进行设置,因为没有设置宽度的情况下,cols的宽度是不确定的。这里大家设置宽度为25%,这样四列的宽度刚好可以适应浏览器的窗口大小,也可以根据实际需求进行修改。
除此之外,cols还有其他一些用法,如设置margin和padding属性以及对每个列进行不同的样式设置等。总之,cols是前端开发中非常常用的布局方式,可以帮助大家快速、灵活的布局,提高开发效率。