【问题标题】:CSS: padding-top without "stretching" border-leftCSS:没有“拉伸”左边框的填充顶部
【发布时间】:2021-08-14 13:45:08
【问题描述】:

我使用的表格当然是td

对于一个td,我使用padding-top: 20pxborder left:1pt

结果是左侧的边框现在“拉伸”了 20 太高。我没有办法解决这个问题。你有什么主意吗? 非常感谢!

【问题讨论】:

    标签: html css border padding


    【解决方案1】:

    尝试在内部使用span 标签。

    <table>
      <tr>
       <td><span>Hello1</span></td>
       <td><span>Hello2</span></td>
      <tr>
    </table>
    

    然后应用 CSS:

    <style>
      span {
        border-left: 1px solid black;
      }
    </style>
    

    【讨论】:

    • 非常感谢,成功了!现在只有一个问题:我使用行高,但在跨度内,行高不起作用。有什么想法吗?
    • @Erik 在 span 标签上添加 dispaly:inline-block
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-09-18
    • 1970-01-01
    相关资源
    最近更新 更多