侧边栏壁纸
博主头像
xuesheng博主等级

分享web知识,学习就是取悦自己!

  • 累计撰写 118 篇文章
  • 累计创建 14 个标签
  • 累计收到 3 条评论

目 录CONTENT

文章目录

CSS中如何让文字显示方式从右边开始

xuesheng
2018-09-20 / 0 评论 / 0 点赞 / 316 阅读 / 454 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2022-01-04,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

文字右对齐。向左排表。超过容器时省略

在这种情况下,就有一个非常陌生的属性派上了用场。就是 :

direction: rtl

这个属性规定文本的方向 / 书写方向是从右到左的。


a {

display:inline-block; 

width:100%;

white-space:nowrap;

text-overflow:ellipsis; 

-o-text-overflow:ellipsis; 

overflow: hidden;

direction: rtl;

}

然后我们再加上超过容器省略文字:


a {

display:inline-block; 

width:100%;

white-space:nowrap;

text-overflow:ellipsis; 

-o-text-overflow:ellipsis; 

overflow: hidden;

-webkit-line-clamp: 1; //在第几行后开始省略

direction: rtl;

}

最终效果便如下图所示。

文章来源:http://wsovo.lofter.com/post/27f1a4_8b601df

0

评论区