为了账号安全,请及时绑定邮箱和手机立即绑定

怎样让文本和图片同时居中呢---来自菜鸟的疑问

怎样让文本和图片同时居中呢?

正在回答

3 回答

以上答案皆对,但不建议你一切都一键居中。分开居中可以给以后的调试工作留一个后路。

0 回复 有任何疑惑可以回复我~

只需如下代码即可

div {
    border:2px solid red;
    margin:0px;
    text-align:center;
}

含义是:div元素的内容设置为居中,img标签是它的子元素,会自动继承父元素的样式。

0 回复 有任何疑惑可以回复我~

.container{

      height:300px;

background:#ccc;

display:table-cell; 

vertical-align:middle; 

}


<div class="container"><img src="...">图片</div>

<div class="container">文本</dic>

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1226201    人
  • 解答问题       18236    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

怎样让文本和图片同时居中呢---来自菜鸟的疑问

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信