微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

HTML – 我如何分解长词而不是溢出?

如何阻止 this text溢出?

<html>
<head>
<style type="text/css">
.sticky
{
    background-color: #FCFC80;
    margin: 5px;
    height: 100px;
    width: 135px;
}
.sticky .edit
{
    vertical-align:middle;
    height: 100px;
    position:relative;
    color:Black;    
    background-color:blue;
    height:90px;
    vertical-align:middle;
    width:90px;
    border-collapse:collapse;

}
</style>
</head>
<body>
<div id="note44" class="sticky">
<div id="text44" class="edit" title="Click to edit" style="">A very long word: abcdefasdfasfasd</div>
</div>
</body>
</html>

解决方法

我认为大多数浏览器都支持自动换行?

word-wrap:break-word;

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐