css解决字符串中同时存在 中文、英文、数字字符，自动换行不对齐问题

html-css022

css解决字符串中同时存在 中文、英文、数字字符，自动换行不对齐问题,第1张

1、普通设置： style{ width:400px overflow:hidden text-overflow:ellipsis display:-webkit-box / * autoprefixer:off * / -webkit-box-orient:vertical / * autoprefixer:on * / -webkit-line-clamp:4 } 效果如下：以上会导致英文和数字自动换行不对齐。 2、解决后 style{ width:400px word-break:break-all word-wrap:break-word overflow:hidden text-align:left//这是我在表格中使用时表头设置了居中，通用可不设置 text-overflow:ellipsis display:-webkit-box / * autoprefixer:off * / -webkit-box-orient:vertical / * autoprefixer:on * / -webkit-line-clamp:4 }

不知道你的代码，提供一个笨的方法：

大的<div id="big>

将"["放到一个<div>里：<div class="1" >[</div>将字体放到另一个div里:<div id=“2”>你好</div>，<div class='2'>]</div></div>。这样将div悬浮（float），定义好高度和宽度，通过调整小<div>的margin-top属性，调整上下对齐。

是的！ 因为后面是个2000  数字是不会拆算你的的！ 你设置个white-space:nowrap 

 强制不换行

或者你把前面的字加一点吧！或者宽度加一点！ 或者前面缩进减少一点！