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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

有任何想法吗？

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

回答：

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

根据CSS2规范

该height属性不适用。内容区域的高度应基于字体，但是此规范未指定如何。UA可以例如使用字体的em-box或最大升序和降序。（后者将确保在em-

box上方或下方具有部分文字的字形仍位于内容区域内，但导致不同字体的大小不同的box；前者将确保作者可以控制相对于’line-height’的背景样式。

，但会导致字形在其内容区域之外绘画。）

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

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

以上是 高度样式属性在div元素中不起作用 的全部内容， 来源链接： utcz.com/qa/421512.html

回到顶部