css怎样让整体居中？

Posted 2023-05-04

参考技术A

text-align: center 只能用于行内元素的水平居中，用在块级元素或容器中是无效的

试试这样：

<div class="metro-layout horizontal" style="margin: 0 auto;">

追问

这个我也试了 不管用

追答

这要看过你的完整代码（尤其是css文件）才知道。居中的方法很多种的，比如定位、位移、边距、盒子等等，具体要根据你已有的样式（比如metro-layout和horizontal这两个类的样式）而定。

参考技术B <div class="center></div>
.center
width: 300px;
height: 300px;
background: black;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -150px;

如何用CSS让文字左对齐，图片居中

参考技术A 方法如下：
一、行高（line-height）法
如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高度相同即可，比如：

p

height:30px;

line-height:30px;

width:100px;

overflow:hidden;



这段代码可以达到效果。

二、内边距（padding）法
另一种方法和行高法很相似，它同样适合一行或几行文字垂直居中，原理就是利用padding将内容垂直居中，比如：

p

padding:30px;

参考技术B ，图片居中