从品牌网站建设到网络营销策划,从策略到执行的一站式服务
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转成块级元素即可
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图