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

来源:15-1 水平居中设置-行内元素

lifen

2016-03-11 13:08

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

写回答 关注

3回答

  • remix1911
    2016-03-18 13:43:32

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

  • 简单的阳光
    2016-03-12 16:40:03

    只需如下代码即可

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

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

  • hoshino不鱼
    2016-03-11 13:18:55

    .container{

          height:300px;

    background:#ccc;

    display:table-cell; 

    vertical-align:middle; 

    }


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

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

初识HTML(5)+CSS(3)-升级版

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

1226199 学习 · 18236 问题

查看课程

相似问题