扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
style type="text/css"
拉孜ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联公司的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18982081108（备注：SSL证书合作）期待与您的合作！
.first
{
width:120px;
height:60px;
border:1px solid blue;
word-wrap:break-word
}
.second
{
width:120px;
height:60px;
border:1px solid red;
word-break:break-all;
}
word-wrap的break-word属性值可以导致换行，一般说来如果一个单词比较长的话，行末的空间不足以容纳这个单词就会产生换行，而不是将一个单词截断，word-break的break-all属性值可以截断一个单词
不换行：white-space:nowrap;
自动换行：word-wrap: break-word; word-break: normal;
强制换行：word-break:break-all;
主要用到CSS的word-break属性，为其添加:break-all参数，这样的话字符会适应规定的宽度而自动换行，实际上这就是CSS的强制换行功能。
我之前也遇到过这样的问题，上网找了一些答案，只要加上 word-wrap:break-word; word-break:break-all; white-space:normal; 这三个样式就ok了，当然你的其他样式要注意不要影响了文本内容的样式。
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
""
html
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8"
title景安网络/title
style type="text/css"
span{ display:block;}
/style
/head
body
span景安/span
span景安网络/span
span景安网络/span
/body
/html
使用display:block; 将span转成块级元素即可
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网