Html 在单独的行上获取div中的链接

我有以下代码：

    <div>
        <a href="www.google.com">Google</a>
        <a href="www.amazon.com">Amazon</a>
        <a href="www.apple.com">Apple</a>           
    </div>

我该怎么去

Google
Amazon
Apple

简单的

或使用

display:table

因为默认情况下锚定标记

显示：inline

检查是否简单

a{
    display:block;
}

或使用

display:table

因为默认情况下锚定标记

显示：inline

---

选中

如果要使链接可按父元素的整个宽度单击，请使用

display:block

a {display: block}

如果要使链接仅在其实际宽度内可单击，请使用

display:table

和

table row

div {background: lightgrey; display: table}
a {display: table-row}

或

float

与

clear

结合使用

a {float: left; clear: left;}

---

如果要使链接在父元素的整个宽度上都可单击，请使用

display:block

a {display: block}

如果要使链接仅在其实际宽度内可单击，请使用

display:table

和

table row

div {background: lightgrey; display: table}
a {display: table-row}

或

float

与

clear

结合使用

a {float: left; clear: left;}

试试这个

a{
display:block;
text-decoration:none;
}

选中此复选框，然后尝试此操作

a{
display:block;
text-decoration:none;
}

检查

a{display:block；}

或者在a标签后添加

• a{display:block；}

• 或者在a标签后添加

---

这将解决问题，而不会使整行内容可点击：

div a:after {
  content: "";
  display: block;
  height: 0;
  width: 1px;
}

---

检查笔：
这将解决问题，而不会使整行都可单击：

div a:after {
  content: "";
  display: block;
  height: 0;
  width: 1px;
}

检查钢笔：
像这样试试：
css:
试着这样做：
css:

---

我认为您使用（display:table；）是因为（display:block；）覆盖了全宽定位点。
我认为您使用（display:table；）是因为（display:block；）覆盖了全宽定位点。
添加css:

diva{display:block；}

这不是一个好的解决方案，因为它会使整行都可点击。最干净的解决方案可能是使用

a:after

（请参阅下面的答案）。添加css:

diva{display:block；}

，这不是一个好的解决方案，因为它会使整行都可点击。最干净的解决方案可能是使用

a:after

（请参阅下面的答案）不是一个好的解决方案，因为它会使整行都可以点击。检查我的答案，寻找更好的解决方案。你是否正确阅读了我的全部答案？我还提供了另一个解决方案，使用

显示：block

不是一个好的解决方案，因为它会使整行都可以点击。检查我的答案，寻找更好的解决方案。你是否正确阅读了我的全部答案？我还提供了另一个使用显示的解决方案：块；这不是一个好的解决方案，因为它会使整行都可以点击。检查我的答案以获得更好的解决方案。您还使用了

display:block是，但不在链接本身上。我在一个伪元素
：after
上使用它，这是一个完全不同的东西；这不是一个好的解决方案，因为它会使整行都可以点击。检查我的答案以获得更好的解决方案。您还使用了
display:block是，但不在链接本身上。我在一个伪元素
：after
上使用它，这是一个完全不同的东西
不是一个好的解决方案，因为它会使整行都可以点击。检查我的答案，寻找更好的解决方案。使用

被认为是不好的做法（仅将标记用于显示相关问题）

不是一个好的解决方案，因为它会使整行都可以点击。检查我的答案，寻找更好的解决方案。使用
被认为是不好的做法（仅将标记用于显示相关问题）。