怎样让DIV中的内容居中

2024-10-13 18:26:31

1、先说文字居中。此处是垂直居中,关键代码height:105px;line-height:105px;两个值要相等。<div style=' height:105px;line-height:105px;overflow:hidden;border:1px solid #FF0099;' >居中</div>

怎样让DIV中的内容居中

3、图片居中,代码如下。<div style=' height:105px;width:300px;li荏鱿胫协ne-height:105px;overflow:hidden;border:1px solid #FF0099;text-align:center'><img src="1.png" alt="" /></div>

怎样让DIV中的内容居中

5、图片垂直居中,关节代码display: table-cell; vertical-align:middle;代码如下;<稆糨孝汶;div style=' height:105px;width:300px;line-height:105px;overflow:hidden;border:1px solid #FF0099;text-align:center ; display: table-cell; vertical-align:middle; '><img src="1.png" alt="" /></div>

怎样让DIV中的内容居中
猜你喜欢