如何在没有空格的情况下将文本换行到 元素中？

元素没有空格？ " />

在 内不包含空格的文本换行

将文本换行到

元素内，且文本中不允许有空格，例如在连续字符序列的情况下，可以使用多个 CSS 属性。

word-break：break-all 属性允许单词在任何地方断开，即使在字符内也是如此。但是，仅此属性可能还不够。在所有浏览器中。

为了确保兼容性并实现所需的换行行为，可以应用附加属性的组合：

• white-space: -moz-pre-wrap !重要;: Mozilla 浏览器
• white-space: -webkit-pre-wrap;: Chrome 和 Safari 浏览器
• white-space: -pre-wrap;: Opera 4-6 浏览器
• white-space: -o-pre-wrap;: Opera 7 浏览器
• white-space: pre-wrap;: CSS3 兼容浏览器
• word-wrap: 断词; ：Internet Explorer 5.5 浏览器

此外，应包含空白：正常; 属性作为最终声明，以确保在所有浏览器中正确换行。

实现此解决方案，将以下 CSS 类应用到

element:

.wrapword {
    white-space: -moz-pre-wrap !important;  
    white-space: -webkit-pre-wrap;          
    white-space: -pre-wrap;                 
    white-space: -o-pre-wrap;               
    white-space: pre-wrap;                  
    word-wrap: break-word;                  
    word-break: break-all;
    white-space: normal;
}

然后，将要换行的文本括在

中具有 class="wrapword" 属性的元素：

<table>
    <tr>
        <td class="wrapword">
            your text here
        </td>
    </tr>
</table>

以上是如何在没有空格的情况下将文本换行到 元素中？的详细内容。更多信息请关注PHP中文网其他相关文章！