Flexbox缩小到内容大小

时间:2017-12-27 00:03:49

标签: html css css3 flexbox

我有一个使用display:flex的盒子,并没有适当缩小其内容(我认为)。我希望盒子只有宽度可以覆盖里面的内容。

  <div class="panel">
      <p>ddddddddddddddddddd</p>
  </div>  

  .panel {
  flex:1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  background: #ffffff;
  box-shadow: 0px 0px 5px 5px #c9c9c9;
  -webkit-box-shadow: 2px 2px 5px 5x #c9c9c9;
  -moz-box-shadow: 2px 2px 5px 5px #c9c9c9;
  padding: 0.7em;
}

enter image description here

0 个答案:

没有答案