在web开发中，经常会遇到文本超出限定范围的情况，尤其是屏幕尺寸导致的，确实很影响美观。这时候，就需要用css来处理了。下面的方法是我在实际工作中总结出来的，供大家参考。2018-9-11byyl这个是实际应用中遇到的新需求，就是指定文本的行数，如果超过了，就用省略号代替。*/宽度：200px；分词：break-all；显示：-webkit-box；-webkit-line-clamp:2;/*限制块元素中显示的文本行数*/-webkit-box-orient:vertical;溢出：隐藏；}(1)把多余的部分用省略号代替，适用于限制高宽的情况（我最喜欢的）text-overflow:cliptrimsthetext|ellipsis显示省略号来表示修剪后的文本|string使用给定的字符串来表示修剪后的文本。.content{宽度：80%；高度：40px；填充：5px；**溢出：隐藏；文本溢出：省略号；-o-文本溢出：省略号；-溢出：省略号；空白：nowrap；/*规定段落中的文字不换行*/**}需要三者结合使用才能达到预期的效果：(2)超出部分的换行，当单词太长时，当高度不限，默认为normal|word-break:normal|打破一个字内的所有换行|keep-all只能在半角空格或连字符处中断；p{宽度：160px；填充：10px；边框：1px实心#ccc；边界半径：4px；**word-break:break-all;**}(3)如果由于绝对定位等情况，标题遮住了链接，可以使用flex布局。word-secondli{显示：flex；flex-wrap:wrap;/*换行，第一行在上面*/justify-content:space-between;/*两端对齐，items等间距*/align-items:center;/*居中对齐*/border-bottom:1pxsolid#ccc;在web开发中，经常会遇到一些场景
