网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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

时间:2024-10-20 18:44:53

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

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

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

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

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

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

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

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

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

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

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

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

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

css设置文本内容过长时换行
© 2025 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com