相关疑难解决方法(0)

检查Chrome中的悬停元素?

我试图通过Chrome的开发者工具查看工具提示在网站上的结构.然而,即使我在项目上空盘旋,当我"检查元素"时,html中的工具提示也没有显示.我知道我可以设置样式:hover,但我仍然无法看到工具提示的html或css.

有任何想法吗?

html css hover google-chrome-devtools

87
推荐指数
13
解决办法
5万
查看次数

当内联块元素换行时,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)

html css

22
推荐指数
2
解决办法
5669
查看次数

标签 统计

css ×2

html ×2

google-chrome-devtools ×1

hover ×1