大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
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转成块级元素即可