如何设置某些段落的“弹性比”

时间:2019-01-11 17:03:35

标签: html css css3 flexbox

弹性比无效。
这是我的html代码。
每个都有一个长行句子。

这是我的css文件。
我在每个格上都放了flex =1。
但是,p语句不会下降的情况取决于柔韧性和宽度。

.column-layout {
  max-width: 1300px;
  background-color: rgb(153, 22, 22);
  margin: 40px auto 0 auto;
  line-height: 1.65;
  padding: 20px 50px;
  display: flex;
}

.main-column {
  flex: 1;
}

.sidebar-one {
  flex: 1;
}

.sidebar-two {
  flex: 1;
}
<div class="column-layout">
  <div class="main-column">
    <h2>Main Column</h2>
    <p>kfjdslajfsafj;safjasjflsjalfjlasjlfjldksajlfkjsalkdjflksdjalkflksalkflsak</p>
  </div>
  <div class="sidebar-one">
    <h3>Sidebar one</h3>
    <p>klajfljlsjalfjlsdlafjlalself.</p>
  </div>
  <div class="sidebar-two">
    <h3>side 2</h3>
    <p>a</p>
  </div>
</div>

0 个答案:

没有答案