我试图通过Chrome的开发者工具查看工具提示在网站上的结构.然而,即使我在项目上空盘旋,当我"检查元素"时,html中的工具提示也没有显示.我知道我可以设置样式:hover,但我仍然无法看到工具提示的html或css.
有任何想法吗?
inline-block如果由于屏幕宽度导致内容换行,如何获得适合其内容宽度的元素?
<!-- parent inline-block -->
<div style='display: inline-block;'>
<div style='display: inline-block; width:200px;'></div>
<!--
If this child line breaks,
two 200px wide blocks are stacked vertically.
That should make the parent width 200px,
but the parent stays much wider than that
-->
<div style='display: inline-block; width:200px;'></div>
</div>
Run Code Online (Sandbox Code Playgroud)
我想不出如何用这句话来说这听起来很容易,但我把一个简单的JSFiddle放在一起说明.
#wide {
position: relative;
width: 100%;
border: 1px solid black;
padding: 5px;
}
#narrow {
position: relative;
width: 175px;
border: 1px solid black;
padding: 5px;
}
.wrap {
display: inline-block; …Run Code Online (Sandbox Code Playgroud)