当前位置: 首页 > 面试题库 >

高度样式属性在div元素中不起作用

习哲彦
2023-03-14
问题内容

我在上设置了20px的高度<div>,但是当它在浏览器中呈现时,其高度仅为14px。

有任何想法吗?

<div style="display:inline; height:20px width: 70px">My Text Here</div>

问题答案:

您不能使用height和设置和width的元素display:inline;。使用display:inline-block;代替。

根据CSS2规范

10.6.1内联非替换元素

height属性不适用。内容区域的高度应基于字体,但是此规范未指定如何。UA可以例如使用字体的em-box或最大升序和降序。(后者将确保在em-
box上方或下方具有部分文字的字形仍位于内容区域内,但导致不同字体的大小不同的box;前者将确保作者可以控制相对于’line-height’的背景样式。
,但会导致字形在其内容区域之外绘画。)

编辑-您还缺少;height属性的终止符:

<div style="display:inline; height:20px width: 70px">My Text Here</div>
<!--                                  ^^ here                       -->


 类似资料:
  • 问题内容: 将div高度设置为0px似乎无效。 div展开以显示其内容,我们如何防止这种情况发生? 问题答案: 如果您 真的 想确定它没有高度,可以使用以下方法: 如果您在IE上仍然遇到问题,也可以添加 在针对IE的样式表中添加了条件注释。这将触发IE中的hasLayout属性。 并且display:none与将其设置为零高度不同。只需查看各种clearfix解决方案,以解决 不 从流程中删除它的

  • 不要在div中使用类nav-item工作background-image。所有映像都在同一个目录中。页眉工作中的背景。有了img src一切都很好。问题出在哪里? 我什么都试过了。 null null

  • 我有一个完全居中的div(itemSoldOutView)。在这个div中还有另一个div(itemSoldOutViewContent),它的最大高度应该是父div的90%。因此,如果内容太多,它就会滚动(注意:只有内部内容div应该滚动)。但这不起作用。如何设置正确的高度? 这是我的代码(JSFIDDLE):

  • 问题内容: 我想: 查找页面中所有元素的样式属性(例如:具有的所有元素) 更改所有属性(例如从到)。 您对此有何建议? 问题答案: 我的建议是尽可能避免这样做。而是使用类来分配颜色值,然后可以使用该类而不是颜色值来查找元素。 据我所知,没有可用于查询 特定 样式值的选择器(即使在CSS3中也是如此),这意味着循环遍历所有元素(或者看起来可以将其限制为具有属性的所有元素)并看着财产。现在,问题是,即

  • 问题内容: 我有一个div的特定样式表。现在我想使用js动态修改div的一个属性。 我该怎么做? 它是否正确? 问题答案: 几乎是正确的。 由于是JavaScript操作符,因此您实际上不能在属性名称中使用它。如果您正在设置,或者类似的单字,您的代码就可以正常工作。 但是,对于任何带连字符的属性名称,您都需要记住的是,在javascript中,您删除了连字符,并使下一个字母变为大写,因此应为。 还

  • 问题内容: 这是场景。 当使用GetSize()时,GetLocation()针对图像ID“ FlashID1x”起作用,它始终给出250,300,但元素的实际高度和宽度为1 X 1,这基本上是错误的。 这是我的目标dom: 这是我的代码: 问题答案: getSize方法返回呈现的Web元素大小,而不是图像的物理大小。如果您的目标是获取固有的高度和重量,则可以尝试获取naturalWidth和na