我想要的是整个区域都可以点击。为此，我需要设置 anchor 元素的填充。但是，只需添加类似 ul li a{padding: 15px 15px;} 的内容我感觉不对，因为在全高清屏幕上我无法覆盖 <li> 之间的空间元素。如何设置填充以使 anchor有效地居中于其父级 li元素？
我正在考虑使用 ul{text-align:center;} ，但我想不出一种方法让它们占用最大空间并在调整大小时重新排列，就像 text-align:justify; 一样好。
我的目标是以下结构，即使调整屏幕大小也保持不变:
|-------------------------------------------- ---------------------------------------------- ------------------------------| |--------服务--------|------------产品--------|-------- --联系我们------------|------------网店----------| |------------------------------------------------ ---------------------------------------------- ------------------------------|
|之间的所有区域本质上是填充 - 受背景颜色影响，可点击。
我想在没有 JS 的情况下使用 CSS/HTML。这是我目前拥有的:JSFiddle .虽然可以更好地处理较小屏幕上的 View ，但这还不够重要。
如有任何建议，我们将不胜感激。我查看了很多问题和答案，但找不到结合我所拥有的东西的解决方案。
最佳答案
使用display: table 和display: table-cell
其中 ul 是表格，li 是表格单元格
有关如何实现此检查的更多信息，请查看 this link 这是 update fiddle 的链接
关于html - 更改导航栏 anchor 中的填充，以便它在合理列表中占用最大可用空间，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35295802/