CSS Word Wrap

2025年3月26日 | 阅读 1 分钟

CSS word-wrap 属性 用于断开长单词并将其换到下一行。当无法断开的字符串太长而无法放入容器框时，可以使用此属性来防止溢出。

CSS word-wrap 值

值	描述
正常	此属性用于仅在允许的断点处断开单词。
break-word	它用于断开无法断开的单词。
initial	它用于将此属性设置为其默认值。
inherit	它从其父元素继承此属性。

CSS word-wrap 示例

<!DOCTYPE html>
<html>
<head>
<style> 
p.test {
    width: 11em;
    background-color: #00ffff; 
    border: 1px solid #000000;
    padding:10px;
    word-wrap: break-word;
}
</style>
</head>
<body>
<p class="test"> In this paragraph, there is a very long word:
 iamsooooooooooooooooooooooooooooooolongggggggggggggggg.The long word will break and wrap to the next line.</p>
</body>
</html>

输出

在此段落中，有一个非常长的单词：iamsooooooooooooooooooooooooooooooolongggggggggggggggg。长单词将被断开并换到下一行。

下一主题Box-shadow CSS

CSS Word Wrap

CSS word-wrap 值

CSS word-wrap 示例

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

CSS 教程

CSS 属性

CSS Advance

CSS Design

CSS Questions

杂项

CSS 多选题

面试题

CSS Word Wrap

CSS word-wrap 值

CSS word-wrap 示例

相关帖子

CSS resize

CSS Border Color

CSS border-radius

CSS Placeholder Color

CSS pointer-events

CSS Margin

CSS Specificity

CSS transition-delay

CSS Display

CSS Descendant Selector

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器