Ширина деления равна ширине дочернего изображения

Question

0

У меня есть следующий HTML-код

<div class="test">
    <img src="... .png">
</div>

и это правило CSS:

.test { background: red; }

По умолчанию div имеет ширину 100%. Можно ли установить ширину .test ширины изображения внутри .test только с помощью CSS?

Это означает, что красная область будет находиться только под прозрачным png.

Ionică Bizău 30 дек. 2013, в 16:37

Теги:

3 ответа

2

использование display:inline-block;

.test {
    background: red;
    display:inline-block;
}

NoobEditor 30 дек. 2013, в 13:12

1

Как установить фон image на красный: http://jsfiddle.net/3KtS6/2/?

bbuecherl 30 дек. 2013, в 12:42

DaniP · Accepted Answer · 2013-12-30T13-35-00.000Z

Измените свойство display для контейнера:

.test {
  display:inline-block;
}

Это решение, но разве нет решения без inline-block дисплея? Я думаю, что это сломает другие вещи в моем приложении ...
Другое решение будет использовать float или display:table ..., но также может разбивать элементы, все зависит от полного макета. Проверьте это jsfiddle.net/3KtS6/7 @ イオニカビザウ
Спасибо, я думаю, что я установлю ширину через JS.