怎样让文本和图片同时居中呢?
以上答案皆对,但不建议你一切都一键居中。分开居中可以给以后的调试工作留一个后路。
只需如下代码即可
div { border:2px solid red; margin:0px; text-align:center; }
含义是:div元素的内容设置为居中,img标签是它的子元素,会自动继承父元素的样式。
.container{
height:300px;
background:#ccc;
display:table-cell;
vertical-align:middle;
}
<div class="container"><img src="...">图片</div>
<div class="container">文本</dic>