让li标签里的a标签内容铺满li

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/qq_40053398/article/details/88679723

html部分

<ul id="list">
	<li class="select" style="text-align:center;"><a href="ArticleAction_toCompany.action?toPage=companyProfile">公司简介</a></li>
	<li style="text-align:center;"><a href="ArticleAction_toCompany.action?toPage=cultureIdea">企业文化</a></li>
	<li style="text-align:center;"><a href="/hr/html/company/honoraryQualification.html">资质荣誉</a></li>
	<li style="text-align:center;"><a href="ArticleAction_toCompany.action?toPage=organization">组织机构</a></li>
	<li style="text-align:center;"><a href="ArticleAction_toCompany.action?toPage=connect">联系我们</a></li>
</ul>

原页面效果

在这里插入图片描述
鼠标必须放在文字上才能触发a标签点击动作

a标签添加属性

display: flex;
display: block;
justify-content: center;
align-items: center;

所在li标签添加属性

height: 44px;
line-height: 44px;

添加后,只要在a标签所在li中的任何地方都可以触发a标签的点击动作。

猜你喜欢

转载自blog.csdn.net/qq_40053398/article/details/88679723