Question

如何在页脚内部使用img和h1作为标题，我正在使用JQuery Mobile。我试过这样但我不能：

<div data-role="footer" class="footer_menu" data-position=fixed>
    <div class="imagen_pie">

        <img  src="../img/btn_compartir.png" alt="main logo"  style="display:inline"/>
        <h1 class="page_footer">bla bla bla</h1>
    </div>
</div>

和CSS：

.imagen_pie{
    text-align:center;
}

我希望图像居中，页脚上的h1

！[我已申请] [1]

Answer 1

保证金：0。auto for .imagenpie class应该做的工作

Answer 2

默认情况下，img是一个内联块元素。你需要让h1也成为内联块

这是我的Jsfiddle

.imagen_pie{
text-align: center;
}
.imagen_pie h1 {
display: inline-block;
}

Answer 3

.imagen_pie {
     width: 25%;
     margin: auto;
}

这将使包含图像和h1的imagen_pie div居中。

<强> DEMO

Answer 4

我将使用display: inline-block;如下：

.imagen_pie img, .imagen_pie h1 {
    display: inline-block;
}

的问候，晏

Answer 5

.imagen_pie {
    text-align: center;
}
.imagen_pie img, .imagen_pie h1 {
    display: inline-block;
    vertical-align: middle;
}

注意：删除图片代码上的内联样式。

Demo

问候，伊斯梅尔

在页脚和中心插入图像

5 个答案: