0

我只是想知道当这是一个内联元素时，在 span 元素上指定一个高度是否真的有意义。无论我在跨度选择器的高度上设置什么值，外观都不会改变。

这是完整的标记和 css

<!DOCTYPE html>
<html>
    <head>
        <meta charset = "utf-8">
        <title>Relative Positioning</title>
        <style type = "text/css">
           p            
           {
              font-size: 1.3em;
              font-family: verdana, arial, sans-serif; 
           }
           span        
           { 
              color: red;
              font-size: .6em; 
              height: .6em;
           }
           .super      
           { 
              position: relative;
              top: -1ex; 
           }
           .sub        
           { 
              position: relative;
              bottom: -1ex; 
            }
            .shiftleft  
            { 
               position: relative;
               left: -1ex; 
            }
            .shiftright 
            { 
               position: relative;
               right: -1ex; 
            }
        </style>
    </head>
    <body>
       <p>The text at the end of this sentence 
          <span class = "super">is in superscript</span>.
       </p>

       <p>The text at the end of this sentence
          <span class = "sub">is in subscript</span>.
       </p>

       <p>The text at the end of this sentence
          <span class = "shiftleft">is shifted left</span>.
       </p>

       <p>The text at the end of this sentence
          <span class = "shiftright">is shifted right</span>.
       </p>
    </body>
</html>

//托尼

4

2 回答 2

3

只要<span>-element 被定义为inline-element （它的默认值）， height 的值就不会产生影响。

从 w3.org 规范10.5 内容高度：'height' 属性：

此属性不适用于不可替换的内联元素。请参阅计算非替换内联元素的高度和边距部分以了解所使用的规则。

于 2013-09-04T21:37:40.300 回答
0

Span 是一个内联元素。所以它不使用高度属性。如果要指定任何高度，请使用 CSS，如display:inline-block!

于 2013-09-05T07:25:36.330 回答