css3 多列基于宽度的任意数量的列

标签 css

是否可以在 css3 中设置 100 像素宽的列,但是很多列都适合 div?

最佳答案

只需将 column-width 设置为 100px 并选择性地指定一个 column-gap,如下所示:

p {
    -webkit-column-width: 100px;
    -moz-column-width: 100px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
}

column-width 只是最佳宽度,但可以调整以适应 div。

测试:http://jsfiddle.net/9RRdp/

关于css3 多列基于宽度的任意数量的列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5674222/

相关文章:

html - 如何为特定的 div 设置 CSS 样式?

javascript - 选择单选按钮时图像不透明,但需要隐藏实际按钮

javascript - 如何构建具有多行选项的 <select> ?

html - 利润率有何影响

javascript - jQuery 切换设置显示为与初始设置不同的值

css - Bootstrap 4 中的 Bootstrap 3 'btn-default' 类相当于什么?

html - 如果文档的字体大小以 em 指定,那么 "em"是什么?

php - 建议实现此 "word stack"的另一种方法,它解决了我的方法是受害者的已知问题

html - 图像下方但背景上方的垂直线

javascript - 将容器中的 div 内容居中