1、强制不换行：
p{
white-space:nowrap;
}2、强制换行：
p{
word-break:break-all;//英文
white-space:pre-wrap;//中文
}3、实现文字垂直居中且自动换行：
<style>
.box{
width:30px;
height:60px;
display:table;
}
.wrap{
display:table-cell;
verical-align:middle;
}
</style>
<div class="box">
<div class="wrap">
1111111111111111111
</div>
</div>4、说明：
// 只对英文起作用，以字母作为换行依据
word-break:break-all;
// 只对英文起作用，以单词作为换行依据
word-wrap:break-word;
// 只对中文起作用，强制换行
white-space:pre-wrap;
// 强制不换行，都起作用
white-space:nowrap;
// 不换行，超出部分隐藏且以省略号形式出现（部分浏览器支持）
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
本资源由随笔博客发布。发布者：五维国度，转载请注明出处：http://blog.suibi.site/archives/4106
本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
微信扫一扫 
