摘要：这个效果一开始我是在华为商城页面上看到的，刚开始还以为挺复杂，实现的时候还有点没头绪。不过，还好有百度，借此记录一下我在导航条上应用的实现方法。 主要是借助了伪元素，代码如下： <div class="nav"> <ul class="nav_items"> <li class="nav_item" 阅读全文

摘要：一、文本元素在div中的水平居中且垂直居中方法 html代码 <div id="box"> <p>文本元素</p> </div> css代码：给文本元素的父级设置——text-align：center; 并设置父级的行高等于父级的高度 #box{ width: 200px; height: 200p 阅读全文