CSS的值inline和inline-block值之间究竟有什么区别display?
在CSS中,display可以具有inline和的值inline-block.任何人都可以详细解释inline和之间的区别inline-block吗?
我到处搜索,最详细的解释告诉我inline-block被放置为inline,但表现得像block.但它没有解释究竟"表现为块"的含义.这有什么特别之处吗?
一个例子是更好的答案.谢谢.
<html>
<body>
<div style="display: inline; background-color: #555;">
<h3>test</h3>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
这是我的代码.我想知道为什么我的背景颜色没有显示.如果我将css显示从内联更改为阻止,则会显示.如果显示是内联的,为什么不显示?我试图了解问题的原因,而不是寻找解决方案.
你知道的"何时使用任何一篇好文章display:block的时候:inline,当:inline-block"为什么?
当我们必须覆盖显示时:?? 通过css获取任何HTML标签/元素?
由于某种原因,如屏幕截图中所示,h1 (discordbotgen) 占用了右侧的大量空间,而我的 css 中未指定。我不希望它占用该空间,因为它会阻止其他元素进入那里。
.main-title {
font-family: 'Comfortaa', cursive;
font-size: 80px;
color: #ededed;
margin-bottom: 50px;
margin-left: 150px;
margin-top: 180px;
}
Run Code Online (Sandbox Code Playgroud)
<h1 class="main-title">discordbotgen</h1>
Run Code Online (Sandbox Code Playgroud)
h1 没有任何父级 div,它的父级是<body>。
我的样式有问题。我的代码是这样的:
.grey {
color:grey;
}Run Code Online (Sandbox Code Playgroud)
<span class="grey">
<p align="justify"><b>Text</b></p>
</span>
<span class="grey">
Text 2
</span>Run Code Online (Sandbox Code Playgroud)
“文本”显示为黑色,而“文本 2”显示为灰色。我试过使用 div 而不是 span,但不起作用。(我读过那个跨度 -> p 是不允许的)
PS:(它在 Firefox 本地工作,但是当我在 iPad 上检查它时(这是一个 iPad 应用程序),它没有)。
有没有办法强制 p 应用跨度的样式?。