为什么按钮在div元素后跳转到新行?

时间:2018-03-05 21:14:27

标签: html css

你能解释一下按钮在<div>元素之后跳转到新行的原因吗?它是内联元素,对吧?为什么它不保持内联? 我无法将该按钮放在<div>内,因为<div>会不断更新Jquery,因此会删除(覆盖)它。有没有办法让按钮在<div>之后不跳到新行?

&#13;
&#13;
<div >some text</div>
<button>MyButton</button>
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分:0)

  

为什么按钮跳转到元素后的新行?

这是因为默认情况下 div 是一个块元素(显示:块),这意味着它从一个新行开始并占据整个宽度,因此它旁边的按钮显示在下一个线。 要更改此行为,请使用css将div的显示属性更改为内嵌

有关详细信息see this

我希望它有所帮助。

答案 1 :(得分:0)

您可以包装这两个元素并将[[3, 5, 7, 9], [8, 12, 16], [20, 28], [48]] 添加到包装器中。

Guide to Flexbox

display: flex
.wrapper {
  display: flex;
}

答案 2 :(得分:0)

div不是内联元素,它们是块元素。

将div元素作为内联元素的最佳方法是在样式表中为其指定样式display:inline

你还在所有div元素上使用Jquery吗?如何使用class或ID?