长字符串溢出 div 容器
如果“content”包含一个没有空格的长字符串,它将溢出到div(“topic”)之外。 我该如何解决这个问题?
现场演示如下: http://jsfiddle.net/w87Vz/
html:
<div class="topic">
<div class="content">a longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong string</div>
</div>
css:
.topic{
background:#ddd;
margin: 0 auto;
position: relative;
display: block;
width: 300px;
}
If "content" contains a long string without a space, it will overflow outside div("topic").
How could I fix this?
A live demo is here: http://jsfiddle.net/w87Vz/
html:
<div class="topic">
<div class="content">a longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong string</div>
</div>
css:
.topic{
background:#ddd;
margin: 0 auto;
position: relative;
display: block;
width: 300px;
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
在您的风格中添加:
自动换行:断词;
in your style add:
word-wrap: break-word;