CSS解决无空格太长的字母,数字不会自动换行的问题

来源：互联网发布：广州轩辕网络编辑：程序博客网时间：2024/04/30 12:23

默认情况下，一个 DIV或者其他元素的文本，如果都是无文字分隔符，无空格，则不会自动换行，遇到这种情况可以使用word-break: break-all;

进行强制断字。

<html>

<head>
<style type="text/css">
div
{
background-color:#00FFFF;
width:150px;
height:150px;
word-break: break-all;
overflow: auto;

}
</style>
</head>

<body>
<p>如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条等行为。</p>

<div>
这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。默认值是 visible。111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
</div>
</body>

</html>

阅读全文

0 0