首页前端开发CSScss强行自动换行样式教程

css强行自动换行样式教程

时间2024-05-26 23:30:05发布访客分类CSS浏览59
导读:一连字母或数字不换行,会溢出超出对象设置宽度不换行,cssword-wrap被动换行样式来用意。 一、word-wrap引见 word-wrap是设置对象内笔墨碰到对象顶边时能否采取换行排版构造。 1、语法 word-wrap:nor...

一连字母或数字不换行,会溢出超出对象设置宽度不换行,cssword-wrap被动换行样式来用意。

一、word-wrap引见

word-wrap是设置对象内笔墨碰到对象顶边时能否采取换行排版构造。

1、语法
word-wrap:normal—— 容许内容顶开指定的容器内地,碰到连续没有空格英文或没有空格数字不换行(默认,不设置装备摆设对象也具有默许花式)
word-wrap:break-word—— 形式将在腹地内换行,当内容太多顶到对象边境时,形式被动自愿换行。

2、思空见贯状况
对象内连气儿数字或字母太多后,形式顶边对象容器后不会换行,而是溢出继续不换行表现。和汉字或有空格差别,汉字会定格容器腹地会主动换行。


一连数字或字母形成不自动换行

3、应用语法
p{ word-wrap:break-word}
设置装备摆设html段落p内文字顶格对象容器边缘自动换行。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: css强行自动换行样式教程
本文地址: https://pptw.com/jishu/668798.html
韩国服务器与美国服务器区别是什么 外贸电商租用香港服务器的用途是什么

游客 回复需填写必要信息