div中的div居中css实现图⽚上下左右居中
⼀种常⽤的⽅式是把外层的 div 设置为 table-cell;然后让内部的元素上下左右居中。
CSS 代码如下:
.content{
width: 400px;
height: 400px;
border: 1px solid #ccc;
text-align: center;
display: table-cell;
vertical-align: middle;
}
html 代码如下:
<div class="content">
< img src="./4.jpg" alt="img" />
</div>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论