Rumah >hujung hadapan web >tutorial css >css word-wrap属性怎么用
css word-wrap属性怎么用
- 青灯夜游asal
- 2019-05-28 18:05:475947semak imbas
css word-wrap属性用于设置元素内容超出其容器边界时的换行方式，常设置长单词或URL地址在容器的边界处进行自动换行；语法“word-wrap:normal|break-word;”，当属性值为“word-wrap”时实现自动换行。
css word-wrap属性怎么用？
word-wrap属性允许长的内容可以自动换行。它设置或检索当内容超出其容器边界时是否中断单词。
语法
word-wrap: normal|break-word;
属性值：
● normal：只在允许的断字点换行（浏览器保持默认处理）。
● break-word：在长单词或 URL 地址内部进行换行。
注释：所有主流浏览器都支持 word-wrap 属性。
css word-wrap属性 示例
<!DOCTYPE html>
<html>
<head>
<style>
p{
width:11em;
border:1px solid #000000;
}
p.test{
word-wrap:break-word;
}
</style>
</head>
<body>
<p>dsffdgrh121324gfdgfhhgjhkkjlkl;</p>
<p class="test">dsffdgrh121324gfdgfhhgjhkkjlkl;</p>
</body>
</html>效果图：
Atas ialah kandungan terperinci css word-wrap属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css writing-mode属性怎么用Artikel seterusnya：css animation-fill-mode属性怎么用