网上科普有关“用DIVCSS中如何设置,超出就自动换行输出 ”话题很是火热 ，小编也是针对用DIVCSS中如何设置,超出就自动换行输出寻找了一些与之相关的一些信息进行分析 ，如果能碰巧解决你现在面临的问题，希望能够帮助到您。
如果DIV定义的宽度 ，当文本超过这个宽度时就会自动换行 。自动换行：div{word-wrap:break-word;word-break:normal;}
如果是是连续的数字和英文字符换行 ，则如下：
div强制换行
（IE浏览器）white-space:normal;word-break:break-all;这里前者是遵循标准 。
#wrap{white-space:normal;width:200px;}
或者
#wrap{word-break:break-all;width:200px;}
（Firefox浏览器）white-space:normal;word-break:break-all;overflow:hidden;
同样的FF下也没有很好的实现方法，只能隐藏或者加滚动条 ，当然不加滚动条效果更好！
#wrap{white-space:normal;width:200px;overflow:auto;}
或者
#wrap{word-break:break-all;width:200px;overflow:auto;}
强制英文单词断行：
div{word-break:break-all;}
css代码如下：
text-overflow:-o-ellipsis-lastline;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;//这儿的数字代表的就是你所需要实现效果的第N行
扩展资料：
css小知识点集锦
子元素文字始终居中
div{width:300px;height:300px;border:1pxsolidred;}
p{height:300px;display:table-cell;verticle-align:middle;}
盒子水平 、垂直居中
CSS3写法
display:flex;
justify-content:center;/*horizontalcentering*/
align-items:center;/*verticalcentering*/
普通写法//不支持IE6 ，IE7
display:table-cell;
vertical-align:middle;
给定宽度，内部文字 ，元素平均分布
display:flex;//父盒子
justify-content:space-around/space-between;//父盒子
文字显示第N行之后变成显示
text-overflow:-o-ellipsis-lastline;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;//这儿的数字代表的就是你所需要实现效果的第N行
-webkit-box-orient:vertical;
关于“用DIVCSS中如何设置,超出就自动换行输出 ”这个话题的介绍 ，今天小编就给大家分享完了，如果对你有所帮助请保持对本站的关注！
本文来自作者[丹琴]投稿，不代表石号立场，如若转载，请注明出处：https://s0429.com/cshi/202512-2173.html
评论列表（4条）
我是石号的签约作者“丹琴”！
希望本篇文章《用DIVCSS中如何设置,超出就自动换行输出》能对你有所帮助！
本站[石号]内容主要涵盖：国足,欧洲杯,世界杯,篮球,欧冠,亚冠,英超,足球,综合体育
本文概览：网上科普有关“用DIVCSS中如何设置,超出就自动换行输出”话题很是火热，小编也是针对用DIVCSS中如何设置,超出就自动换行输出寻找了一些与之相关的一些信息进行分析，如果能碰...