CSS中的文字自动换行是一个常见的需求,特别是在响应式布局中。下面介绍几种常见的设置方式。/*设置文字超出容器自动换行*/ .container { width: 100px; word-wrap:
CSS中的文字自动换行是一个常见的需求,特别是在响应式布局中。下面介绍几种常见的设置方式。
/*设置文字超出容器自动换行*/ .container { width: 100px; word-wrap: break-word; } /*设置文字超出容器自动省略*/ .container { width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*设置段落文字自动换行*/ p { word-wrap: break-word; } /*设置中文文字字体仿宋体*/ body { font-family: SimSun, '宋体', sans-serif; } /*设置文字颜色为蓝色*/ p { color: blue; } /*设置文字大小为16px*/ p { font-size: 16px; }
以上是常见的CSS文字自动换行设置方式,需要根据具体场景进行选择和调整。
粉丝
0
关注
0
收藏
0