Img с максимальной высотой: 100% растягивается стол с маннаулой высота набора

Это minimal code example on jsfiddle.Img с максимальной высотой: 100% растягивается стол с маннаулой высота набора

Практически, я хочу сделать таблицу 2x2 изображений, исправить ее высоту и высоту своих строк и сделать изображения, выбрав их размер, используя максимальную ширину и максимальную высоту. Но по какой-то причине таблица больше, чем div, в которой она содержится, и img height: 100% делает ее на 100% высокой, но не контейнерной. Почему это так? Где я могу прочитать об этом?

источник

2012-02-04 Dima Mironov

Вы можете видеть эту тему. http://stackoverflow.com/questions/5791033/image-expands-the-table-cell – Vikas

AFAIK, этот вопрос касается дополнительного нижнего края в встроенных элементах для букв g, q и т. д. Во всяком случае, я уже пробовал это без успеха :( –

@Vikas Извините, это я плохо сформулировал вопрос ночью :) Вы правильно ответили на этот вопрос, но у меня был другой вопрос: –

Это похоже на работу, если вы на самом деле определить высоту в атрибуте высоты ячейки таблицы, например:

<td height="20px">

источник

2012-02-05 08:19:47

Это делает o_0. А почему css нет? Есть ли разница в поправках? Тем не менее он не работает, если я укажу height = '100%' для таблицы, tbody, tr, td ... –

Что я не могу сказать вам ... Его опыт в том, что если что-то работает в html, и он работает все браузеры и не слишком сложно реализовать, вы идете с ним, потому что вы можете ударить головой о стену навсегда, пытаясь понять, почему css не ведет себя так, как это документировано, и особенно почему браузеры кажутся полностью разные способы рендеринга вещей, но это только мое личное мнение ... –

Спасибо, во всяком случае :) –

Img с максимальной высотой: 100% растягивается стол с маннаулой высота набора

ответ

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