想要使用CSS将div元素的内容分成多列来显示，可以使用columns属性。columns属性一个简写属性，可以设置列数和列宽，用于设置分栏模块。下面本篇文章就来给大家介绍一下columns属性，希望对大家有所帮助。
成都创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于成都网站建设、成都网站制作、六盘水网络推广、小程序开发、六盘水网络营销、六盘水企业策划、六盘水品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联公司为所有大学生创业者提供六盘水建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com
你可以使用CSS3中的分栏属性—— columns，格式为：columns：column-width column-count ，其中column-width 为每栏的宽度，column-count 为列数。
如果是分段、硬换行，CSS还没聪明到，自动识别到你哪些地方需要分段、硬换行。
把文字部分单独再加个层 如：文字文字文字文字文字文字文字文字 更多 把宽高设定好。然后前面一个的span的css样式里加上一个overflow：hidden； 则超出部分隐藏。后面加上更多就行了。
如果用标题截取函数，则标题不是完整的，如果我们用CSS样式text- overflow：ellipsis，输出的标题是完整的，只是受容器大小的局限不显示出来罢了。text-overflow属性仅是注解，当文本溢出时是否显示省略标记。
另外，word-break： normal可以防止文字被部分截断，这个在内容为英文的情况下显得尤其重要。 要实现多行文本自动截断以省略号结尾的效果，通常的做法是使用JavaScript脚本。
接下来重点说一说多行文本溢出显示省略号，如下。
新建一个html文件，命名为test.html。在test.html文件内，创建一个包含文字的div，并设置div的class属性为content，主要用于对div进行css样式设置。
字符间的间隔太大或者太窄有时可能不太确定，我们需要根据网站的需要来进行调整，而使用CSS的line-height属性可以调整字符间的距离。
可以推荐使用padding设置段落上下间距。通过设置上下内补白，内距离即可实现p段落上下间距设置。关键字：p{padding：10px 0} 接下来DIVCSS5以案例演示CSS段落上下距离设置。
传统的css下划线text-decoration样式只能设置其文字下划线样式而无法实现下划线与文字间距调整。所以借助与padding和border两个属性模拟下划线实现文字与下划线之间距离可调节。
这里分享下css段距/边距的方法。设备：联想电脑 系统：xp 软件：代码编辑器zend studio 0 首先新建一个html文件，命名为test.html，在test.html文件中，在div标签内，使用p标签创建一行。
一个新建html文件，例如：index.html，填充问题基础代码。其次，在index.html中的标签中，输入css样式代码：li{padding-top： 49px；}。浏览器运行index.html页面，此时通过css将li标签的行距调整为了49px。
使用CSS解决字与字距离方法如下：我们使用css样式属性letter-spacing：+距离数字+html单位如letter-spacing：15px；即设置了字与字距离间隔15px（像素）。
你在用的时候只需要将元素的Class=”td“即可 样式表layout.css中格式为 .名称{ 样式1；样式2；} 样式可以在右侧属性里通过视图添加 也可手写。
使用 LINK标签 将样式规则写在.css的样式档案中，再以LINK标签引入。
思路是给div一个边框（border：1px solid #ccc；），然后textarea里做修改：style=border：none；border-bottom：1px solid #ccc； textarea里面的文字用placeholder=“顶顶顶。。”这个来实现。
在相应的文件夹上右击---添加新项---样式表。
设置好控件的className 然后浏览该页面，查看源代码。看了源代码就知道，用css控制服务器控件其实和控制html元素是一样的。