Горизонтальное центрирование изображений разных размеров в jQuery Mobile.

Вот ДЕМО FIDDLE

Я перестроил список, чтобы положить большие пальцы внутрь DIV. LI задан класс jQM ui-li-has-thumb и новый DIV получает ui-li-thumb. Это те, которые обычно применяются автоматически при обнаружении изображения.

<ul data-role="listview" data-theme="a">
  <li class="ui-li-has-thumb"><a href="#">
    <div class="ui-li-thumb">
    <img src="http://..." class="imgThumb"  />
    </div>
    <h2>Broken Bells</h2>
    <p>Broken Bells</p></a>
  </li>
  ...
</ul>

Затем я добавляю классы CSS, чтобы сделать контейнер шириной 80 пикселей с его содержимым, расположенным по горизонтали, и чтобы изображение было максимально шириной и высотой 80 пикселей:

div .ui-li-thumb {
  width: 80px;
  text-align: center;
}
.imgThumb {
  max-width: 80px;
  max-height: 80px;  
}