HTML – 如何与文本对齐内联？

概述我想知道怎么会这样做,以便他们可以有文字,然后是一个按钮,然后是更多的文字,全部在一行？这可能是这样的： <h3>Some</h3><button>Text</button><h3>!</h3> 所有标题标签,例如< h3>是块级的,块级元素占据其父元素(容器)的整个空间.您可以将其重置为显示：内联,显示：内联块(推荐),显示：内联表,甚至使用flexbox,float等,有很多种方法. 如果 我想知道怎么会这样做,以便他们可以有文字,然后是一个按钮,然后是更多的文字,全部在一行？这可能是这样的：

<h3>Some</h3><button>Text</button><h3>!</h3>

解决方法 所有标题标签,例如< h3>是块级的,块级元素占据其父元素(容器)的整个空间.您可以将其重置为显示：内联,显示：内联块(推荐),显示：内联表,甚至使用flexBox,float等,有很多种方法.

如果您可以修改标记,我建议不要使用< h3>出于语义原因,只需使用< span>标签或纯文本将是一个更好的选择.

h3 {  display: inline-block;  margin: 0;}

<h3>Some</h3><button>Text</button><h3>!</h3><hr><span>Some</span><button>Text</button><span>!</span><hr>Some<button>Text</button>!

总结

以上是内存溢出为你收集整理的HTML – 如何与文本对齐内联？全部内容，希望文章能够帮你解决HTML – 如何与文本对齐内联？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。