收藏
回答

动态循环添加的text为什么会自动换行


如图,写死了第一个text:主演,然后后面都是循环添加的text,没加样式,但是却自动换行了、可以看到高亮的父元素的宽度是正常的包括所有的text的宽度。


.actorBox{

 display: flex;
 justify-content: flex-start;
 align-items: center;
}
.actorBox text{
 color: #666;
 font-size: 12px;
 height: 20px;
 line-height: 20px;
}






另一问题就是text超出文本不显示省略号。和上面的问题是两个独立的问题。css也没联系


.title {
 width: 100%;
 text-align: left;
 height: 20px;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 /* white-space: pre-line */
}


最后一次编辑于  2018-07-09
回答关注问题邀请回答
收藏

4 个回答

  • 丨默丨
    丨默丨
    2018-08-20

    请问第二个问题, 您是如何解决的

    2018-08-20
    有用
    回复
  • 你倒是跳啊
    你倒是跳啊
    2018-07-09

    第二个你把width写死成100px看一下是否会有省略号

    2018-07-09
    有用
    回复 1
    • 子不语
      子不语
      2018-07-09

      写了,没有、、、、

      2018-07-09
      回复
  • Akira
    Akira
    2018-07-09

    加个float

    2018-07-09
    有用
    回复 2
    • 子不语
      子不语
      2018-07-09


      .actorBox text{
        color: #666;
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        float: left;
      }

      加过,不好使,还是换行

      2018-07-09
      回复
    • Akira
      Akira
      2018-07-09回复子不语

      代码看不完,不清楚问题在哪里

      2018-07-09
      回复
  • 东流
    东流
    2018-07-09

    你父元素都写flex了,为什么还是whitespace,flex-wrap啊

    2018-07-09
    有用
    回复 1
    • 子不语
      子不语
      2018-07-09

      不是啊,那个title和演员的父元素是兄弟节点。flex是加给演员的父元素的,和那个title没关系

      2018-07-09
      回复
登录 后发表内容