css自动换行的设置方法

2023-06-06 16:06:47 415人浏览泡泡鱼

摘要

这篇“CSS自动换行的设置方法”除了程序员外大部分人都不太理解，今天小编为了让大家更加理解“css自动换行的设置方法”，给大家总结了以下内容，具有一定借鉴价值，内容详细步骤清晰，细节处理妥当，希望大家通过这篇文章有所收获，下面让我们一起来看

这篇“CSS自动换行的设置方法”除了程序员外大部分人都不太理解，今天小编为了让大家更加理解“css自动换行的设置方法”，给大家总结了以下内容，具有一定借鉴价值，内容详细步骤清晰，细节处理妥当，希望大家通过这篇文章有所收获，下面让我们一起来看看具体内容吧。

css是什么意思

css是一种用来表现html或XML等文件样式的计算机语言，主要是用来设计网页的样式，使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言，并且css样式可以直接存储于HTML网页或者单独的样式单文件中，而样式规则的优先级由css根据这个层次结构决定，从而实现级联效果，发展至今，css不仅能装饰网页，也可以配合各种脚本对于网页进行格式化。

css自动换行的设置方法：使用【Word-break】属性，可以让浏览器实现在任意位置换行，代码为【.p3{width:200px;border:1px solid #ccc;word-break:break-all】。

css自动换行的设置方法：

自动换行属性，使用word-break属性，可以让浏览器实现在任意位置换行

它有三个属性值分别为：

nORMal：浏览器中的默认换行行为
break-all：可允许在单词内换行
keep-all：只能在半角空格或连字符处进行换行

示例：

<style>.p1{width:200px;border:1px solid #ccc;word-break:normal;} .p2{width:200px;border:1px solid #ccc;word-break:keep-all;} .p3{width:200px;border:1px solid #ccc;word-break:break-all;}</style></head><body><p class="p1">PHP Chinese WEBsite provides a large number of free, original, high-definition php video tutorials.</p><p class="p2">Php Chinese website provides a large  &nbsp;number of free, original, high-definition php video tutorials.</p><p class="p3">Php Chinese website provides a large number of free, original, high-definition php video tutorials.</p></body>

效果图：

css自动换行的设置方法