css怎么超出宽度换行
程序员文章站
2022-03-18 19:45:57
...
css超出宽度换行的实现方法:1、通过“word-wrap: break-word”实现自动换行;2、通过“overflow:hidden”限制宽高度实现超出宽度换行效果。
本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。
css设置当宽度不够时自动换行
如图:
1、自动换行
// html <div>111111111111111111111111</div> // css widht:100%; height:100%; word-wrap: break-word
2、限制宽高度
// html <div>11111111111111111111111111</div> //css widht:100px; height:100px; overflow:hidden // 如果想让元素可以滚动,设置为auto即可
(注意:如果div放在li中还需要加上display:inline-block属性)
【推荐学习:css视频教程】
以上就是css怎么超出宽度换行的详细内容,更多请关注其它相关文章!
推荐阅读
-
css怎么设置文本框宽度
-
CSS3文本换行word-wrap解决英文文本超过固定宽度不换行
-
多浏览器支持CSS 容器内容超出(溢出)支持自动换行
-
CSS超出文本指定宽度用省略号代替和文本不换行
-
CSS实现不换行/自动换行/文本超出隐藏显示省略号
-
CSS3文本换行word-wrap解决英文文本超过固定宽度不换行
-
css 文本超出强制换行未生效??
-
文章换行都没有间距了,怎么办?_html/css_WEB-ITnose
-
解决html表格中内容超出不强制换行和超出宽度自动隐藏并显示省略号_html/css_WEB-ITnose
-
图片宽度超出div,css控制图片不改变原大小情况居中显示,图片超出div部分隐藏_html/css_WEB-ITnose