css让a元素位于li元素正中_html/css_WEB-ITnose
程序员文章站
2022-03-17 18:38:42
...
如图,让a元素中的文字位于li元素中的框框正中。
我使用了vertical-align: middle;它却只下移了一点点而已。我宽高都设置了。
我使用了vertical-align: middle;它却只下移了一点点而已。我宽高都设置了。
回复讨论(解决方案)
为a标签设置line-height=li标签的高度
为a设置行高line-height::
vertical-align: middle; 这个你没理解清楚,你要居中,第一种,在外层设置为table-cell类型,并且不能有float:left;的。
第二种,vertical-align这个属性是相对于前一个才居中的,也就是说你要居中要在a标签前面在写一个标签,高度为100%的,才能使后面的vertical-align生效。
- 123
- 123
用a{margin:0 auto;}或li{ text-align:center;}均可
上一篇: HTML元素语法介绍
推荐阅读
-
块级元素 Vs 内联元素_html/css_WEB-ITnose
-
tips 前端 背景与元素的透明和模糊_html/css_WEB-ITnose
-
压缩页面元素_html/css_WEB-ITnose
-
j读写页面元素CSS方式_html/css_WEB-ITnose
-
不同元素对齐的问题:需要底部,或者是中间对齐。_html/css_WEB-ITnose
-
如何让父元素自适应子元素的大小?_html/css_WEB-ITnose
-
如何让父元素自适应子元素的大小?_html/css_WEB-ITnose
-
css 隐藏html元素的方法_html/css_WEB-ITnose
-
css div的宽度随内部元素的宽度的变化而变化_html/css_WEB-ITnose
-
去除IE6浏览器下获得焦点的元素的虚线框的两个小办法_html/css_WEB-ITnose