您的位置首页百科知识

css设置文本内容过长时换行

css设置文本内容过长时换行

的有关信息介绍如下:

css设置文本内容过长时换行

文本内容有时候长度不是固定的,当长度过长想要自动换行,通过css该怎么做呢?

打开visual studio code,创建一个H5规范的html文档结构

4前端页面开发工具 - VSCode的下载与安装

对于浏览器来说,只读内容标签(如:p、div、span、table)默认都是自动换行的,所以,当没有设置整体样式时,这一项是不需要设置的

模拟全局样式强制P标签不换行,即使p标签设置了宽度,且宽度比文字内容窄,也不会换行

使用css的white-space属性,设置white-space:normal或者white-space:unset覆盖掉全局样式,从而自动换行

要覆盖全局样式,那么新样式的权值必须比全局样式的权值高,才可以成功覆盖

使用overflow:auto可以设置滚动条,适用于:当文字换行后,外层设置了固定高度,导致部分文字不显示的情况

单行文本框是不支持换行的,设置换行样式也是没有用的