Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

css 文本过长 自动换行

作者：冷空气来袭   发布日期:2025-05-27   浏览:36 

/* 设置文本框的宽度，超出宽度自动换行 */
.text-container {
    width: 200px; /* 设置一个固定的宽度 */
    word-wrap: break-word; /* 强制文本在长单词或 URL 地址内部进行换行 */
    white-space: normal; /* 允许文本自动换行 */
}

解释说明：

  1. width: 200px;：设置了一个固定的宽度，当文本内容超过这个宽度时会触发换行。
  2. word-wrap: break-word;：强制文本在长单词或 URL 地址内部进行换行，避免文本溢出容器。
  3. white-space: normal;：允许文本自动换行，默认情况下文本会在合适的空白处换行。

上一篇：css文本超出显示省略号

下一篇：css文字两端对齐怎么设置

大家都在看

css 红色

css文字超长省略号

css 渐变字体

css背景图片等比例缩放

css文字删除线

css 自定义滚动条

css flex gap

css上一个兄弟元素怎么找到

css文字超出隐藏变省略号鼠标上去展示完整

css文字不允许换行

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站