首页 关于我们 网站建设 主题中心 新闻资讯 案例展示 联系方式
QQ联系
电话联系
手机联系

css强制不换行 自动换行 强制换行

发布时间:05-06
来源:秋风网络工作室
浏览次数:14

CSS的换行代码,虽说不经常用,但是需要的时候就要满百度的搜索,今天就整理下关于CSS换行的代码分享给大家。

强制不换行
p{
width:600px;
white-space:nowrap;
}

自动换行
p{
width:600px;
word-wrap: break-word;
word-break: normal;
}

英文自动换行
p{
width:600px;
word-break:break-all;
}

注意:以上代码需要设定宽度,宽度不要设置100%。

CSS设置不换行:
white-space:normal 默认
       pre 换行和其他空白字符都将受到保护
       nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇
换行代码

本代码来自:秋风网络工作室