在CSS中,display可以具有inline和的值inline-block.任何人都可以详细解释inline和之间的区别inline-block吗？
我到处搜索,最详细的解释告诉我inline-block被放置为inline,但表现得像block.但它没有解释究竟"表现为块"的含义.这有什么特别之处吗？
一个例子是更好的答案.谢谢.
该<b>标签化妆案文大胆的,但如果用CSS分配" font-weight:normal;"那么它绝对像一个正常的标签.另一方面,<i>标签可以设置为像<b>标签一样在内部显示文本:
<i style="font-style:normal; font-weight:bold;">
是的,我在谈论HTML标签的可互换性,因此我们可以使用更少的标签.
其中2个最着名的标签结果是"div"和"span",在这个SO问题中讨论:HTML标签DIV和SPAN之间有什么区别？
我想知道<div>制作这样的span标签的标签的本质是什么:
<span style="display:block;"></span>
不能替代div？另一方面,使这些代码变得"无效"(X)HTML背后的深层原因是什么:
<span style="display: block"><p>Still wrong</p></span>
谢谢!
对于场景,我正在构建一个所谓的"HTML-CSS-Generator",它需要深入了解HTML标签.我想过滤所有有效HTML标签的集合,以制作一组"主要标签".然后我要求标签的可互换性.
更新(这个问题的最终目标)
我想知道差异是标签本身是"块级"(如div,p)还是"内联级"(如span)？
是否还有其他类型的"本机属性"(CSS或JS无法更改),如HTML标签的"块/内联级别"？
可能重复:
HTML标签DIV和SPAN有什么区别？
我知道在编写HTML时,我应该记住语义,例如,h1需要是一个主头,h2需要是一个子头,表需要是表,<em>用于强调而不是<i>等等.有没有div和span之间的正确差异除了一个是块而另一个是内联的？
当我在学习的过程中,我被告知这<span>是为了设计文字中线.如果我需要在我的网页中的某个位置放置一小段文字,一个不会<p>标记标签的文字,我是否应该使用跨度？如果该文本需要覆盖两行(即,它需要一个宽度),如果它只包含文本,那该怎么办？
我有一个要求，我需要在一个框中显示文本和按钮。我已将按钮标签放置在包含文本和按钮的跨度内
inside span tag
+-------------------+
| text here |
| |
| <button> tag here |
+-------------------+
我的问题是在跨度内设置按钮的正确方法。正如刚刚了解到的 span 是内联元素，它只能有文本、图像等。
.whysolong {
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
普京div
<div class="whysolong">So many people here but only 3 or four global apps grow UP?</div>
好的！
这里这么多人......
和span
<span class="whysolong">So many people here but only 3 or four global apps grow UP?</span>
仍然显示全文..
这里有这么多人，但只有三四个全球应用程序成长起来？
为什么？
是有什么区别div与物业display:inline-block和 span用display:inline-block？
<div style="display: inline"></div>
<span></span>
<div></div>
<span style="display:block></span>
<div style="display: inline-block"></div>
<span style="display: inline-block"></span>
如果我这样写,那么<div>和之间有什么不同<span>
我正在努力尝试用CSS设置一个非常基本的布局.我创建了以下jsFiddle以帮助解释(代码复制如下).
http://jsfiddle.net/drmrbrewer/10jq4zka/1/
基本上,我想要的是第一个,第二个和第三个div在一行上,第一个和第二个div按顺序排列在尽可能远的左边,第三个div在剩下的空间中居中第二个div的权利.该行应水平填充100%,以便在调整窗口大小时,第三个div将保持在第二个div右侧的空间中心,而第一个和第二个div保持静态.
#outer-container {
position: absolute;
width: 100%;
}
#inner-container {
position: relative;
width: 400px;
}
#one {
width: 200px;
text-align: center;
float: left;
}
#two {
width: 200px;
text-align: center;
float: left;
}
#three {
width: 200px;
text-align: center;
margin-left: auto;
margin-right: auto;
}<div id="outer-container">
<div id="inner-container">
<div id="one">one</div>
<div id="two">two</div>
</div>
<div id="three">three</div>
</div>在我的代码中,我设置了所有span标签,并且margin-left在所有标签中都很好,但margin-top根本不起作用.它一直伴随着我,所以我想问一下我是否对span标签有任何误解.请帮忙!
<div id="header">
<span id="logospan" style="margin-left: 30px; margin-top: 8px;"> <img src="logo.png" width="70px" height="70px"> </span>
<span id="homespan" style="margin-left: 150px;margin-top: 0px;"> <img src="1.png" width="40px" height="40px"> </span>
<span id="" style="margin-left: 150px;margin-top: 0px;"> HOME </span>
</div>
很多人问我同样的问题,我不知道答案.你能否告诉我div和之间的区别是什么span？该html标签？
有什么不同？
是什么让他们不同？
以及你认为更好的一些其他可能的答案.并且,请提供code哪些将使span工作正常div使用css