ホームページ > 記事 > ウェブフロントエンド > css 实现长英文或链接自动换行
css 实现长英文或链接自动换行
- WBOYオリジナル
- 2016-06-01 09:53:251510ブラウズ
解决办法:
使用CSS属性 word-wrap:break-word;即可解决。使用break-word时，是将强制换行。
break-word兼容各版本IE浏览器，兼容谷歌浏览器。
实例:
<code class="language-html">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>css 实现长英文或链接自动换行</title>
<style>
.box{ border:1px solid #00F; height:120px; width:200px;word-wrap:break-word}
</style>
<div class="box">
aabbfjdlkfldsjfldsjfldjfljdlafjldsjflkdjflkdsjfldfjdlj<br>
<a href="http://www.manongjc.com">http://sddsdsddddddddddddddddddddddddddddddddddddddddd.com</a>
</div>
</code>
在线运行
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。