html中长英文换行问题

1、当一个英文比较单词比较长时，html中默认不自动换行

解决方案：

max-width:100%;

overflow-wrap:break-word;

CSS 属性 overflow-wrap 是用来说明当一个不能被分开的字符串太长而不能填充其包裹盒时，为防止其溢出，浏览器是否允许这样的单词中断换行。

normal

表示在正常的单词结束处换行。

break-word

表示如果行内没有多余的地方容纳该单词到结尾，则那些正常的不能被分割的单词会被强制分割换行。

html中长英文换行问题相关推荐

[css] 写例子说明如何强制（自动）中、英文换行与不换行
[css] 写例子说明如何强制(自动)中.英文换行与不换行 word-break:break-all;只对英文起作用,以字母作为换行依据word-wrap:break-word; 只对英文起作用,以单 ...
【vue、uni-app】文本信息的完全显示（回车换行、连续空格、数字英文换行）
[vue.uni-app]文本信息的完全显示(回车换行.连续空格.数字&英文换行) 数据说明完整显示一.vue端 1.不做处理的效果 2.处理后二.uni-app端 1.不做处理的效果 ...
纯英文换行的css,利用CSS实现纯英文数字自动换行
下面为大家带来一篇CSS代码使纯英文数字自动换行的简单实现.内容挺不错的,现在就分享给大家,也给大家做个参考. 当一个定义了宽度的块状元素中填充的全部为纯英文或者纯数字的时候,在IE和FF中都会撑大容 ...
DIV布局强制英文换行(div英文不怎么给力啊~ 只有用别的方法啦)
强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap: break-word; word-break: normal; } 强制英文单词断行 div ...
CSS样式解决英文换行断词问题
* {word-wrap : break-word ;word-break : break-all ;} /*word-wrap是控制换行的. 使用break-word时,是将强制换行.中文没有任何问 ...
css文本长英文换行
做网页的时候经常会遇到文本的显示,正常字符的换行是比较合理的,但是总会遇到连续的数字和英文,把原有容器撑大出现滚动轴,影响界面美观. 以下是基于css属性的解决办法: word-wrap work-b ...
解决页面表格中长英文字符串不能自动换行的问题
有时候页面表格中内容太多,无奈怎么设置样式都调整不了,我只在表格内容全是英文的时候发现有这个问题,可以尝试通过下面的方法解决. 英文字母之间如果没有空格,系统认为这是一个单词,就不会自动换行.汉字就没 ...
css中文英文换行、禁止换行、显示省略号
word-break:break-all;只对英文起作用,以字母作为换行依据 word-wrap:break-word; 只对英文起作用,以单词作为换行依据 white-space:pre-wrap; ...
【Latex】latex中长公式换行，行内公式换行
比较简单的情况:方程组 \begin{equation} \begin{aligned} or \begin{array}{1} &\alpha ^v = \chi ^v \phi _v \\ ...

html中长英文换行问题

html中长英文换行问题相关推荐

最新文章

热门文章