Пробел справа от изображения html

-5

Почему есть свободное пространство справа от моего изображения?Пробел справа от изображения html

HTML файл:

... 
<body> 
    <div class="image"> 
     <img src="image.jpg" alt="Picture here" id="image" align="middle"></img> 
    </div> 
</body>

Вот как это выглядит:

Изображение должно быть просто жираф. Откуда это белое пространство?

источник

2015-11-20 patrickhuang94

, что размер вашего изображения? Соответствует ли это пространству? –

установить '.image'' display: inline-block' по умолчанию 'div' является элементом' block' –

Почему каждый downvoting ... ?? Очевидно, кто-то, кто еще не знаком с HTML-поведением и просит помощи. – Christophe

Не уверен, что если вы хотите, чтобы изображение полностью ширина или если белый цвет Б.Г. беспокоит вас ...

Убедитесь, что ДИВО изображение имеет голубой фон

.image { 
    background-color: #4099FF; 
}

или родитель, который обертывает ваш контент и изображение. В этом случае ваше тело

body { 
    background-color: #4099FF; 
}

источник

2015-11-20 09:57:12 Christophe

Спасибо за ответ. – patrickhuang94

Его, потому что вы не заполняя всю страницу ваше изображение является малым, и вы ДИВ не полная ширина

div{ 
    width: 100%; // full width 
} 
img{ 
    height: auto; 
    width: 100% 
}

это будет растягиваться, чтобы заполнить пробелы

источник

2015-11-20 09:55:07 NooBskie

Зависит от того, что вы пытаетесь сделать, если вы хотите, чтобы изображение, чтобы растянуть на всю ширину, вы можете установить ширина: 100%, но это, скорее всего, приведет к очень badely некачественно изображение и я не рекомендую это

вы можете быть лучше поместить изображение в полной ширине DIV, установив, что DIV, s цвета фона синего и центрирование изображения или позиционируя его, где вы хотите быть

источник

2015-11-20 09:59:03 Andrew

Пробел справа от изображения html

ответ

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