Javascript 对齐div内的按钮和按钮之间的跨距

Javascript 对齐div内的按钮和按钮之间的跨距,javascript,html,css,web,responsive-design,Javascript,Html,Css,Web,Responsive Design,我有一个div,其中有3个按钮和一个生成的范围。 我的问题是: 我可以在不使用边距的情况下将按钮与正方形对齐吗? (第一个按钮是第一个方块开始的地方,最后一个按钮是最后一个方块结束的地方) 如何在两个按钮内对齐跨度 <div id="stripe"> <button id="new">New Colors</button> <span id="message"></span> <button id="easy">

我有一个div,其中有3个按钮和一个生成的范围。
我的问题是:

我可以在不使用边距的情况下将按钮与正方形对齐吗?
(第一个按钮是第一个方块开始的地方,最后一个按钮是最后一个方块结束的地方)

如何在两个按钮内对齐跨度

<div id="stripe">
  <button id="new">New Colors</button>
  <span id="message"></span>
  <button id="easy">Easy</button>
  <button id="hard">Hard</button>
</div>

新颜色
容易的
硬的

您可以这样做。您需要将内部的单词替换为之间的单词。您案例中的跨度不在按钮内

按钮{
背景色:深蓝色;
颜色:白色;
填充物:5px10px;
边界:无;
字体大小:20px;
}
#条纹>*{
垂直对齐:顶部;/*或底部、中间*/
}

新颜色
一些信息
容易的
硬的

您的问题标题与最后一个问题不匹配!您需要button,span,button=>align;或者你想在按钮内对齐跨度???你说得对!我会编辑它