当我使用“a”标签时，我的 div 中发生了变化

Posted 2023-04-12

【中文标题】当我使用“a”标签时，我的 div 中发生了变化

【英文标题】：Changes occur in my divs when I use the "a" tag

【发布时间】：2021-01-28 00:03:36

【问题描述】：

当我使用“a”标签时，我的 div 会发生变化。我写了 600 行代码，但我的网站正在崩溃。 当我使用“a”标签时它应该没有效果。注意：“标签”我从未分类。

示例：

<a href="#">
    <div id="logokutu1" class="deneme ortalama neozel logoborder col col-md-a col-lg-a">
        <img   src="marketplace logo/ne-lazimsa-logo.png">
    </div>
</a>

【问题讨论】：

将<div> 包裹在<a> 中的目的是什么？

我加个链接

【参考方案1】：

一般<a>有内联显示，你必须将显示改为块或内联块，然后给它你的样式

为了改变<a>显示就这样做

html：

<a class="test"></a>

css：

.test
    display : inline-block

或者您可以将显示更改为仅block

在此之后你可以设置 whith 和 height 以及任何你想要的 <a> 标签

【讨论】：

我该怎么做

@NurullahGüneyli 不是原始海报，但您似乎正在使用引导程序。 Bootstrap 具有显示类，因此您可以在 <a> 标签上使用 d-block 或 d-inline-block：getbootstrap.com/docs/4.0/utilities/display

@JosephMarikle 和 Kasra Habibeygi 我试过你说的但没有改变

一般来说，当你想给这个标签赋予样式（比如宽度和高度）时，你必须这样做，如果这不起作用使用.testdisplay : inline-block !important

我做了，但这是结果hizliresim.com/C1XYzQ