CSS样式怎么控制文字强制换行_软件运维

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属性值可以截断一个单词

.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

}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

span{ display:block}

</style>

</head>

<body>

<span>景安网裤盯络</span>

</body>

<正让/html>

使用display:block将span转成块级元素举纯局即可

欢迎分享，转载请注明来源：内存溢出

CSS样式怎么控制文字强制换行