Question

我无法制作长篇文章＆＃39;一条线。

我有一个flex对象：

.gameplay{
    -webkit-flex: 0 0 60%;
     flex: 0 0 60%;
    -webkit-flex-flow:row wrap;
     flex-flow:row wrap;
     justify-content: space-around;
     align-items: flex-start;
     height:100%;
     display: -webkit-flex;
     display: flex;
}

在flex对象里面，我有一个普通的div：

#allcards {     
      display:block;
      width: 300px;
      height: 30px;
      color: aqua;
      overflow: visible;
      font-size: 20px;
}

div，不会尊重width元素，当我输入一个长文本时，文本会溢出同一行！它不会走下坡路。

请问任何解决方案？

HTML code：

<div class="gameplay">
<div id = "allcards">  some long text..that doesnt respect the width property , it just keeps going in the same line , out of the divs throughout whole page </div>
</div>

0 个答案:

没有答案

flex-child元素溢出

0 个答案: