2016-04-14 2 views
1

http://codepen.io/orangespire/pen/JXLXQaКак получить левое и правое миниатюрное пространство?

В принципе, я хочу, чтобы избавиться от пробелов эскизов с левой и правой стороны изображения. Я знаю, что я мог бы сделать

img { 
 
    width: 100%; 
 
    }

, чтобы избавиться от этого, но это было бы просто сделать изображение больше. Какие-либо предложения?

+0

Смотрите это - [Как сделать ширину изображения с титрами, чтобы соответствовать ширине изображения? ] (http://stackoverflow.com/q/30686191/483779) – Stickers

+1

Вопросы, требующие помощи по коду, должны содержать кратчайший код, необходимый для его воспроизведения ** в самом вопросе **. Хотя вы предоставили ссылку [** на пример или сайт **] (http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work- can-i-just-paste-a-link-to-it), если ссылка должна стать недействительной, ваш вопрос не будет иметь ценности для других будущих пользователей SO с той же проблемой. –

+0

Что вы подразумеваете под * white-space *? Я не вижу большой разницы между вашей демонстрацией и результатом выбранного ответа. Вы имеете в виду белые «края»/границы вокруг миниатюры или это вопрос, связанный с размером? Необходимы дополнительные разъяснения. – Aziz

ответ

0
img {width: 100%;} 

.thumbnail {width:62%; margin-right:auto; margin-left:auto;} 

http://codepen.io/ruchiccio/pen/vGRzmg

+0

Пожалуйста, объясните, как ваш ответ решает проблему, это поможет всем понять ваше решение с большей ясностью и будущей ссылкой. – Aziz

0

Set ДИВ эскиз стиль для

<div class="thumbnail" style="width:60%; margin:0 auto"> 

и установить ширину IMG 100%

Смежные вопросы