Описание миниатюры в галерее частично покрыто - float: оставил проблему? - PullRequest
0 голосов
/ 16 августа 2011

См. http://jsfiddle.net/ZdjrT/ - текст под первыми двумя миниатюрами частично скрыт.

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

Есть ли другое решение?

Спасибо, Уэсли

Ответы [ 2 ]

3 голосов
/ 16 августа 2011

Причина, по которой текст скрыт, заключается в том, что он настолько длинный, что превышает 120px высоты, которую вы явно установили для a.thumbnail. Решением было бы избавиться от этой декларации высоты, но это могло бы привести к появлению разнесенных строк, которые не выстраиваются в линию.

Решение для , что состоит в использовании display:inline-block вместо float:left. Поскольку вы делаете это только с a элементами, которые, естественно, встроены, он должен работать в IE6 +.

Вот скрипка, чтобы доказать это (обратите внимание на vertical-align:top)

1 голос
/ 16 августа 2011

Взгляните на эту ревизию: http://jsfiddle.net/ZdjrT/5/ Я сделал отображение миниатюр в виде встроенного блока и удалил поплавок.Изменил высоту на auto, а затем отобразил img как элемент блока.Кажется, работает в IE7 / 8, Chrome и FF.

...