怎么能让ul里的li垂直水平居中

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么能让ul里的li垂直水平居中相关的知识,希望对你有一定的参考价值。

参考技术A 水平居中是text-align:center 垂直居中 一般是用 line-height 比如你li的高度是80px 那你设置 line-height:80px 文字就垂直居中

实现div里的img图片水平垂直居中

<body> <div> <img src="1.jpg" alt="haha"> </div> </body>

 

 

将display设置成table-cell,然后水平居中设置text-align为center,垂直居中设置vertical-align为middle。

<style type="text/css">
*{margin: 0;padding: 0;}
div{
width:150px;
height: 100px;
display: table-cell;
vertical-align: middle;
text-align: center;
border:1px solid #000;
}
img {
width: 50px;
height: 50px;
}
</style>

以上是关于怎么能让ul里的li垂直水平居中的主要内容,如果未能解决你的问题,请参考以下文章

模态框中水平垂直居的问题

Swift:如何在垂直stackview中水平居中元素

css如何实现span在div中水平居中

如何在 div 中水平居中对齐 ul

css怎样设置ul的li 居中均匀排列

如何使文字在div中水平和垂直居中的css代码