Question

考虑一下：

<html>
  <head>
    <title></title>
  </head>
  <body>
    <h1>Test</h1>
    <div><a href="#" style="padding:5px 10px;text-decoration:none;color: black;border:1px solid black">CLICK</a></div>
  </body>
</html>

我正在尝试将div包围在a点击按钮周围。 div只与块中的文本一样高，并且在计算中不考虑填充。

如何让div包裹所有a？ overflow:hidden和overflow: auto最终会切除顶部和底部边框以及文本上方和下方的边框部分。

Answer 1

添加

＆＃13;

a{
    display:inline-block;
}

＆＃13;

 <h1>Test</h1>
    <div><a href="#" style="padding:5px 10px;text-decoration:none;color: black;border:1px solid black">CLICK</a></div>

＆＃13;

Answer 2

试试这个：Fiddle：

链接css类：

a {
    display:inline-block;
    padding:5px 10px;
    text-decoration:none;
    color: black;
    border:1px solid black;
}

注意：避免使用内联css以获得更好的可读性和更少的错误

父div不会扩展孩子的填充

2 个答案: