javascript - How to align items in a row using CSS? - Stack Overflow

admin管理员组

文章数量:1221410

I have three buttons and i want to align them in a row and they should get equal space.

For example i have something like this:-

<div class='parent'>
  <button class='child'> Button 1 </button>
  <button class='child'> Button 2 </button>
  <button class='child'> Button 3 </button>
</div>

Now i want to align all the buttons in a single row having equal space so that if i add another button in future i don't need to worry and every button will have equal space.

I have three buttons and i want to align them in a row and they should get equal space.

For example i have something like this:-

<div class='parent'>
  <button class='child'> Button 1 </button>
  <button class='child'> Button 2 </button>
  <button class='child'> Button 3 </button>
</div>

Now i want to align all the buttons in a single row having equal space so that if i add another button in future i don't need to worry and every button will have equal space.

• javascript
• html
• css

Share Improve this question Follow asked Nov 20, 2018 at 17:26 Nitesh RanjanNitesh Ranjan 1,32911 gold badge1414 silver badges1313 bronze badges 2

• 1 Have you tried anything? what does your 'child' class look like? – Katie.Sun Commented Nov 20, 2018 at 17:26
• 3 Flexbox is your friend

  本文标签： javascriptHow to align items in a row using CSSStack Overflow

  版权声明：本文标题：javascript - How to align items in a row using CSS? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1739292131a2156741.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。