div сам растянулся на всю ширину.

[xTODx]

HTML

<div class="imgcenter">	<div class="oneimg">		<a href="/course/1">			<img src="http://borsh/img/course/1431865746.jpg">			<h3>Курс 14</h3>		</a>	</div>        <div class="oneimg">            <a href="/course/1">                <img src="http://borsh/img/course/1431865746.jpg">                <h3>Курс 14</h3>            </a>        </div>        <div style="clear:both;" id="del"></div></div>

CSS

.imgcenter{	max-width:98%;	display:inline-block;	margin: 0 auto;	}.oneimg {  text-align: center;  width: 133px;  float: left;  margin: 1%;  position: relative;}.oneimg img {  width: 100%;}

https://jsfiddle.net/s5oa58xq/2/

хочется чтобы картинки были по центру, одна рядом со второй, если добавлю ещё-одну они всё-равно будут по центру.

Логика такая, внешний блок растягивать зависимо от колва картинок, и его разместить по центру.

Но этот вот родительский блок почему-то на всю ширину растягивается. Пробовал display:inline-block;, но так не станет по центру. 

 

[Great Rash]

https://jsfiddle.net/s5oa58xq/4/

[SelenIT]

Растягивается именно потому, что он блок.

 

inline-что-либо центриуется через text-align предка. Но конкретно с inline-block с флоатами внутри проблема в Хроме, что он не хочет ставить эти флоаты в линию (по спецификации это баг... но что хрому спецификация).

 

Имхо, удобнее всего тут inline-flex. Либо пересмотреть логику, как в предыдущем ответе.

 

Теоретически, ужиматься по содержимому, сохраняя блочное поведение снаружи, умеет display:table, но в данном случае он упирается в тот же баг Хрома.

[xTODx]

https://jsfiddle.net/s5oa58xq/4/

Спасибо огромное, тоже начал уже так ковырять!

Растягивается именно потому, что он блок.

 

inline-что-либо центриуется через text-align предка. Но конкретно с inline-block с флоатами внутри проблема в Хроме, что он не хочет ставить эти флоаты в линию (по спецификации это баг... но что хрому спецификация).

 

Имхо, удобнее всего тут inline-flex. Либо пересмотреть логику, как в предыдущем ответе.

 

Теоретически, ужиматься по содержимому, сохраняя блочное поведение снаружи, умеет display:table, но в данном случае он упирается в тот же баг Хрома.

Благодарю!