版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
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标签的点击动作。