在a标签中其他内容(span s i em)时怎样让a标签的内容占整个标签长度的一半?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

在a标签中其他内容(span s i em)时怎样让a标签的内容占整个标签长度的一半?

a123456678 2016-05-27 14:49:35 1528

我的a标签中包含两个s,一个span,怎样让a标签的内容长度只有我标的那么长,内容长度不会到
末尾的span和s哪去呢?
screenshot

分享到
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:17:53
    <a href="#" class="item">
      <s class="play_icon cuicons"></s>
      <em>如何使用更换档位</em>
      <span class="item-tail">
        <span class="recent_study"></span>
        <s class="right_icon cuicons"></s>
      </span>
    </a>
    .item{
       position:relative;
       padding-right:300px;
       height:24px;
       line-height:24px;
       overflow:hidden;
       text-overflow:ellipsis; /* 可选 */
    }
    .item-tail{
       position:absolute;
       top:0;
       right:0;
       width:300px;
       height:24px;
       overflow:hidden;
    }
    /*...*/
    0 0
云计算
使用钉钉扫一扫加入圈子
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

推荐文章