DIV中文字换行显示
程序员文章站
2022-04-24 22:39:54
居然第一次遇到这种问题,还想了半天到底是怎么回事,为什么明明div设置宽度了,里面的文字超过宽度后居然不换行。 (1)word-break属性,可以让浏览器实现在任意位置换行。 normal:使用浏览器默认的换行规则 break-all:允许在单词内换行,效果如下: keep-all:只能在半角空格 ......
居然第一次遇到这种问题,还想了半天到底是怎么回事,为什么明明div设置宽度了,里面的文字超过宽度后居然不换行。
(1)word-break属性,可以让浏览器实现在任意位置换行。
normal:使用浏览器默认的换行规则
break-all:允许在单词内换行,效果如下:
keep-all:只能在半角空格或连字符处换行
(2)word-wrap属性,允许长单词或url地址换行到下一行。
normal:只在允许的断字点换行(浏览器保持默认处理)
break-word:在长单词或 url 地址内部进行换行,效果如下:
上一篇: js之正则的坑
下一篇: JPA复合主键另一种实现--联合约束
推荐阅读
-
鼠标移到div,浮层显示明细,弹出层与div的上边距左边距重合(示例代码)_javascript技巧
-
jquery实现弹出div,始终显示在屏幕正中间的简单实例
-
请教jquery 控件显示div_html/css_WEB-ITnose
-
div中有一个marquee标签,marquee中有滚动显示的文字,如何让文字在div中垂直居中从右向左滚动显示?_html/css_WEB-ITnose
-
select并group后,如何换行显示
-
如果当前cookie中的值为0 某些div不显示 怎么写
-
怎么将这段文字显示出来,在textarea中,要有换行的格式
-
怎么将这段文字显示出来,在textarea中,要有换行的格式
-
为 VS Code 优化中文字体显示
-
iOS蓝牙打印价签:【商品条码、品名、零售价、规格信息等】(商品名称支持换行显示)