在其他div内居中div

时间:2019-06-18 13:22:13

标签: html css

我在应用程序中添加了将内容左对齐或居中对齐的功能,现在面临的一个问题是我在一个父div内有很多子div,

.parent_div{
     display:flex;
     flex-direction:row;
}

如果我将justify-content:center放在每个孩子div的中间,但是我想将此应用于少数人。 注意:我也想使用display:inline子级div

.parent {
  display: flex;
  flex-direction: row;
}

.button_div {
  justify-content: center;
}

.button_div2 {
  justify-content: flex-start;
}
<div class="parent">
  <div class="button_div">
    <button>Button1</button>
  </div>
  <div class="button_div">
    <button>Button2</button>
  </div>
</div>

<! i know this css is not right but 
i want to get similiar functionality -->

我通过使用float来实现左右对齐,但是居中对齐变得头疼

0 个答案:

没有答案