如图,写死了第一个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 */ } |
请问第二个问题, 您是如何解决的
第二个你把width写死成100px看一下是否会有省略号
写了,没有、、、、
加个float
.actorBox text{
color
:
#666
;
font-size
:
12px
;
height
:
20px
;
line-height
:
20px
;
float
:
left
;
}
加过,不好使,还是换行
代码看不完,不清楚问题在哪里
你父元素都写flex了,为什么还是whitespace,flex-wrap啊
不是啊,那个title和演员的父元素是兄弟节点。flex是加给演员的父元素的,和那个title没关系