jQuery Mobile 在标题上对齐图像答案

【问题标题】：jQuery Mobile Align Images on HeaderjQuery Mobile 在标题上对齐图像
【发布时间】：2015-04-08 21:34:18
【问题描述】：

我的标题上有三张图片：

<style>

.align-right 
    { 
float:right; 
margin-right: 5px;
display:inline;
    }

.align-left { 
float:left; 
margin-right: 5px;
display:inline;
}

.align-center {
    margin-left: auto !important;  
    margin-right: auto !important;  
    width=70%;  
    display:inline;
    text-align:center;
}

</style>
</head>

<body>

<div data-role="header" data-position="fixed">
    <div class="align-left"><img src="icon-settings.png"></div>
    <div class="align-center"><img src="logo_transp.png"></div>
    <div class="align-right"><img src="icon-settings.png"></div>
</div>

两个图标设置图像与页面边缘正确对齐，但我想让徽标在页面中心对齐。目前它与左侧图标设置图像左对齐。

如何让徽标在两张图片之间居中？

【问题讨论】：

标签： css

【解决方案1】：

试试这个fiddle。

.align-center {
    margin-left: auto !important;  
    margin-right: auto !important;  
      position: absolute;
    display:inline;   
    left: 50%;
}

位置：绝对；左：50%；

【讨论】：