代码之家  ›  专栏  ›  技术社区  ›  User

如何在CSS中增加行距?

  •  13
  • User  · 技术社区  · 17 年前

    <table>
        <tr>
            <td>Hello,<br/>World!</td>
        </tr>
    </table>
    

    Hello,
    World!
    

    彼此显示得太近。任何增加它们之间间距的方法(增加线宽的一部分(不增加另一部分) <br/> ))?

    3 回复  |  直到 17 年前
        1
  •  13
  •   RichieHindle    12 年前

    <td> s是字体高度的1.5倍:

    <html><head>
    <style>
    td {
        line-height: 150%;
    }
    </style>
    </head>
    <body>
    <table>
        <tr>
            <td>Hello,<br/>World!</td>
        </tr>
    </table>
    </body></html>
    
        2
  •  12
  •   Gumbo    17 年前

    使用 line-height 调整线条的高度。所以,就你的情况而言 line-height: 2 将使线条高度加倍。

        3
  •  4
  •   Aiden Bell    17 年前
    td {
        line-height:<value>;
    }