Question

css对h1标签修饰display:inline为什么不起作用？

css对h1标签修饰display:inline为什么不起作用？

Answer 1

H1本来就是行内属性所以加了样式还是行内
标题这个标签默认就是行内属性，你同样给他设置行的属性，当然没有任何反应。
如果你想把它设置成块状元素，可以使用inline-block或者是block。

Answer 2

display:inline 是行内元素 , 行内元素就是他本身独占一行 , h1本身就是行内元素就肯定没有作用 . 你应该是想display:inline-block , 这是块级元素 , 就是类似img span这些标签, 占一行里面的某一块地方 .

Answer 3

起作用的，首先排查前后元素是否为内联元素。比如：
<style type="text/css">
h1,h2{display:inline;}
</style>
<h1>title</h1>
<h2>author</h2>
你可以把你所说不起作用的结构写出来。

追问

对的，是起作用的，因为前面的元素是块级元素所以我以为不起作用。
但我发现uc浏览器对h1的font-size和font-family修饰不起作用。

Answer 4

Vue实践-CSS样式position/display/float属性对比使用

Answer 5

inline-block试一下