当前位置: 首页 > news >正文

html和css实现文本打断换行、自动换行

html和css实现文本打断换行

英文单词强制打断换行

<style>
word-wrap: break-word;
word-break: break-all;
</style>

内容自动换行

<style>// 连续的空白符会被合并。源码中的换行符会被当作空白符来处理。并根据填充行框盒子的需要来换行。
white-space: pre-wrap;// 连续的空白符会被合并。源码中的换行符会被当作空白符来处理。并根据填充行框盒子的需要来换行。
white-space: normal;// 和 normal 一样合并空白符,但阻止源码中的文本换行。
white-space: nowrap;// 连续的空白符会被保留。仅在遇到换行符或 <br> 元素时才会换行。
white-space: pre;// 连续的空白符会被保留。在遇到换行符或 <br> 元素时,或者根据填充行框盒子的需要换行。
white-space: pre-wrap;// 连续的空白符会被合并。在遇到换行符或 <br> 元素时,或者根据填充行框盒子的需要换行。
white-space: pre-line;// 与 pre-wrap 的行为相同,除了:
// 任何保留的空白序列总是占用空间,包括行末的。
// 每个保留的空白字符后(包括空白字符之间)都可以被截断。
// 这样保留的空间占用空间而不会挂起,从而影响盒子的固有尺寸(min-content 尺寸和 max-content 尺寸)。
white-space: break-spaces;</style>

在这里插入图片描述

http://www.lqws.cn/news/454069.html

相关文章:

  • postgresql DDL脚本
  • 电影感户外柔和光线人像街拍摄影后期Lr调色教程,手机滤镜PS+Lightroom预设下载!
  • 高防IP怎么选
  • 开源CMS vs 闭源CMS:二次开发究竟有何不同?
  • 工具:Autosar:DBC转ARXML
  • PLuTo 编译器示例17-20
  • 24. 开发者常用工具:抓包,弱网模拟,元素检查
  • TDengine 与开源可视化编程工具 Node-RED 集成
  • 基于微信小程序的美食点餐订餐系统
  • tkinter Text 组件学习指南
  • Python函数:全面教程
  • 【秒杀系统设计】
  • Logback 在java中的使用
  • VS2022 C#【自动化文件上传】AutoFileUpload 新需求 V13
  • 从“数据困境”到“数据生态”:DaaS重塑三甲医院医疗数据治理
  • android 渲染流水线中的两个重要阶段:swapBuffers 和 DrawFrames
  • Unity技能编辑器深度构建指南:打造专业级战斗系统
  • 项目开发中途遇到困难的解决方案
  • 跑步还是快速走,瘦身分享
  • 【unitrix】 3.4 类型级逻辑运算(bit.rs)
  • 广州AR公司诚推广州华锐互动​
  • 常用 Docker 命令整理
  • 设置vscode使用eslint
  • SynchronizedMap 和 ConcurrentHashMap 的区别
  • EfficientVLA:面向视觉-语言-动作模型无训练的加速与压缩
  • Xilinx XC7A12T‑1CPG238I Artix‑7 FPGA
  • 08-Python文件处理
  • MySQL EXPLAIN中的key_len终极指南:精准掌握索引使用情况
  • 【unitrix】 3.5 类型级别的比较系统(cmp.rs)
  • 【机器学习实战笔记 12】集成学习:AdaBoost算法