HTML水平对齐DIV子项

概述我是 HTML和CSS开发的新手.我希望div div中的所有子节点水平对齐 我的HTML： <div class="parent"> <h1>Hello</h1> <h1>World</h1></div> 我尝试在.parent上使用内联块,就像其他人建议的一样,但输出仍然是： HelloWorld 代替 Hello World 有任何想法吗？ 您要查找的属性 我是 HTML和CSS开发的新手.我希望div div中的所有子节点水平对齐

我的HTML：

<div >        <h1>Hello</h1>        <h1>World</h1></div>

我尝试在.parent上使用内联块,就像其他人建议的一样,但输出仍然是：

HelloWorld

代替

Hello World

有任何想法吗？

解决方法 您要查找的属性是：inline;这将使每个标记呈现为“相互内联”.

.parent h1 {    display: inline;}

你也可以浮动标签,但我会避免这样做,因为如果要在.parent容器中添加任何其他标签,它会破坏文本流.

Example JSfiddle

总结

以上是内存溢出为你收集整理的HTML水平对齐DIV子项全部内容，希望文章能够帮你解决HTML水平对齐DIV子项所遇到的程序开发问题。

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