扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
css文字强制换行的方法,用word-wrap属性
成都创新互联公司专注于成都网站制作、做网站、外贸营销网站建设、网页设计、网站制作、网站开发。公司秉持“客户至上,用心服务”的宗旨,从客户的利益和观点出发,让客户在网络营销中找到自己的驻足之地。尊重和关怀每一位客户,用严谨的态度对待客户,用专业的服务创造价值,成为客户值得信赖的朋友,为客户解除后顾之忧。
在默认情况下,如果文本的内容超过某个div块的宽度的话,就会发生自动换行,因为div块的white-space属性的默认值是normal。但是也有两种情况:
1、如果div块里是一串的文字内容,那么到了div块的width限制时,会自动换行。
2、如果div块里一串没有空格的字母或者数字的时候是那就不换行了,而是直接溢出div块。这时就要考虑css文字强制换行了。
那CSS样式怎么控制文字的强制换行?
这时候我们需要用到word-wrap属性,还有一个属性word-break也能够解决换行问题,但是它的浏览器兼容性不好,并且还有可能导致其他问题,所以这里不建议使用。
word-wrap的break-word属性值可以导致换行,一般说来如果一个单词比较长的话,行末的空间不足以容纳这个单词就会产生换行,而不是将一个单词截断,word-break的break-all属性值可以截断一个单词
style type="text/css"
.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;
}
如果脚本里用到了object.style.xxxx='xxx';的话,那你只能再用脚本修改,如果脚本是用document.write输出的话,,important 应该可以优先于内联样式。
jqplot-table-legend {
xxxx: xxxx!important;
}
先这样试试看,如果不行就用脚本。
再谈一下css中style属性怎么使用:
一种是写在style标签中,一种是使用link引用外部标签
head
link href="外部CSS文件地址" rel="stylesheet"
/head
或者
style
body{
background:blue;
}
/style
你只能试试 !important 了. 因为内联样式优先级高于外部引用样式. 而脚本修改样式的语句又高于以上两种.所以,如果脚本里用到了object.style.xxxx='xxx';的话,那你只能再用脚本修改,如果脚本是用document.write输出的话, !important 应该可以优先于内联样式.
.jqplot-table-legend {
xxxx: xxxx!important;
}
先这样试试看,如果不行就用脚本.
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流