CSS网页布局强制换行和强制不换行的属性讲解
建站知识 2021-07-03 08:42www.168986.cn长沙网站建设
在CSS网页布局中,常常会遇到这样的问题,强制文字换行,而不是在一行内显示撑开容器影响布局。而有些时候可能会强制内容不换行,多出的部分隐藏掉即可,关于强制不换行与强制换行的一些CSS属性WEBJX.作一些整理,希望能给大家的工作和学习提供参考。
先了解以下几个属性
强制不换行
p._jb51_{
white-space:nowrap;
}
自动换行
p._jb51_{
word-wrap:break-word;
word-break:normal;
}
强制英文单词断行
p._jb51_{
word-break:break-all;
}
CSS设置不换行
overflow:hidden溢出隐藏
white-space:nowrap不换行
pre换行和其他空白字符都将受到保护
nowrap强制在同一行内显示所有文本,直到文本结束或者遭遇br对象
CSS设置强制换行
word-break:break-all强制断开实现转行
normal;依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all:该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all:与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本与之间的高度解决办法
设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。对于中文,应该使用break-all。
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML