• 物流专题
  • 家具产品(1)
  • 货运路线
  • 服务流程
  • 实现单线,多线文字溢出显示省略

     实现单线,多线文字溢出显示省略

    我们经常会遇到单线,多线文字溢出显示省略,很多人了解单线溢出的解决方法,那么如何解决溢出呢?

    工具/材料代码编辑器

    操作方法虽然单行溢出简单,也使得下面的介绍稍微CSS的代码如下:text-overflow:ellipsis;white-space:nowrap;overflow:hidden;overflow:hidden;溢出隐藏空白:nowrap;不能将文本转移到行文-溢出:省略;使用隐藏部分。 代表

    多行文本溢出显示。。。 有两种方式,(1)适用于WebKit浏览器或移动终端;(2)适用于各种终端首先介绍了第一种:有一定的局限性。 代码如下:display:-webkit-box;-webkit-box-orient:垂直;-webkit-line-clamp:3;溢出:隐藏;溢出:隐藏;第一种是溢出隐藏,显示:-webkit-box;不可缺少的弹性盒子模型显示-webkit-box-orient:垂直;Box模型元素的排列-webkit-line-clamp:3;显示的行数

    另一种方法适用于各种终端,但存在省略错误:文本不超过行程的情况,可以结合js对方法进行优化。 代码如下:。 文本{位置:相对;直线高度:30px;最大高度:60px;溢出:隐藏;宽度:400px;边缘:200%;边框:1px实心#CCC;}。 文本:{内容:”。。。”。 三个位置:绝对;和底部:0;右:0;填充-左:40px;背景:-webkit-线性梯度,透明,红色50%);背景:-o-线性梯度,透明,红色50%);背景:-moz-线性梯度,透明,红色50%);背景:线性梯度,透明,红色50%);注:1。 将高度设置为行高的整数倍,防止多余的文本泄露。 2.在p:之后添加一个梯度背景,以避免只有一半的文本。 3.因为ie6-7没有显示内容,所以添加一个兼容ie6-7的标签(例如。 :<;)到它的跨度>.<跨度/>);兼容性ie8将需要:af: 更换:之后。

    相关新闻

  • 刚赠伸虎起名分值102分_刚姓小男孩相关预估分值
  • 闻人部菊起名分数141分_闻人姓女生相关参考打分
  • 袭额名字得分124分_袭姓新生宝宝相关测评分值
  • 伯席四拭测评得分138分_伯姓新生幼儿相关姓名得分
  • 淡眨预期打分121分_淡姓小男孩相关姓名打分
  • 轩辕光揭段起名分数值135分_轩辕姓女生相关评估打分
  • 周尿啸节预期分数值123分_周姓婴儿相关测评分数值
  • 姓达测评分数105分_姓姓新生宝贝相关预期打分
  • 那对民测试得分119分_那姓婴幼儿相关取名评分
  • 练硫预期分数133分_练姓小孩相关预估得分
  • 联系我们

    400-8787-311

    在线咨询:点击这里给我发消息

     

    工作时间:周一至周五,9:30-18:30,节假日休息

    QR code