css3 多列显示属性column
2015-10-16 18:31
393 查看
column可以实现文字排版的多列显示。
column-count:3;
显示的列数,会自动平分三列,宽度一样
column-gap:30px;
设置列间的间距,三列话会有两个间距。
column-rule:4px solid #f00;
设置间距中间的线,线会显示在间距的正中间,间距中包含线。不会因为线宽而改变实际的间距。
column-width:200px;
设置列的宽,尽量不要和列数一起使用。
-webkit-column-span:all;
它用于列表内容标签内的标签,如div 里的p。
作用是此标签不会分列显示。显示宽会跨越所有列,100%显示。
使用:
可以用它来写瀑布流,
指定列数和间距,
内的div 指定上下的间距,显示为inline。
div内的图片百分百显示就可能了。
column-count:3;
显示的列数,会自动平分三列,宽度一样
column-gap:30px;
设置列间的间距,三列话会有两个间距。
column-rule:4px solid #f00;
设置间距中间的线,线会显示在间距的正中间,间距中包含线。不会因为线宽而改变实际的间距。
column-width:200px;
设置列的宽,尽量不要和列数一起使用。
-webkit-column-span:all;
它用于列表内容标签内的标签,如div 里的p。
作用是此标签不会分列显示。显示宽会跨越所有列,100%显示。
使用:
可以用它来写瀑布流,
指定列数和间距,
内的div 指定上下的间距,显示为inline。
div内的图片百分百显示就可能了。
相关文章推荐
- css filter详解
- JS动态引入js,CSS——动态创建script/link/style标签
- 使用netDxf将ArcGIS空间数据按指定样式导出CAD文件
- CSS实现文字内容不被截断当超出指定长度时该字符串自动整体换到下一行
- 前端CSS颜色代码大全
- dialog里面实现自定义样式单选按钮功
- WPF ComboBox样式
- 怎么用CSS设置div里面的table水平居中
- Css圆角边框
- css如何实现背景透明,文字不透明?
- 解决chrome浏览器CSS字体大小小于12px不起作用的方法
- css hack
- 导航条的制作(css)
- CSS3学习笔记(5)—页面遮罩效果
- css样式表中的样式覆盖顺序
- 详解Qt样式/颜色机制:调色板(QPalette)与样式表(Style Sheets)
- DIV+CSS布局最基本的内容
- css浮动(float)
- css常见知识点
- CSS的Float特性