Jump to content
  • 0

Длинное название работы в элементе галлереи.


denisator
 Share

Question

Здравствуйте.

 

Никак не могу сообразить как сделать что бы длинное название работы переносилось по строчкам учитывая что высота картинок фиксированная, а ширина плавующая?

 

problem.jpg

Код элемента галлереи:

<style>	div.gallery_detail_item {float: left; margin-right: 10px; height: 250px;}	div.gallery_detail_works img {height: 150px;}	div.gallery_detail_item_name {}	div.gallery_detail_item_autor {}</style><div class="gallery_detail_item">	<a href="">		<img src="imgUrl">	</a>	<div class="gallery_detail_item_name">		Работа с ну совсем уж очень длинным названием	</div>	<div class="gallery_detail_item_autor">		<a href="">Денис Ковальчук</a>	</div></div>
Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

Сходу на ум приходит только вариант с display: table и очень маленькой шириной для контейнера, которая благодаря «особой табличной магии» работает как желаемая ширина, но фактически блок растягивается по картинке.

 

Может быть, кто-нибудь подскажет вариант лучше (хотя лично я в display:table, примененном прицельно и к месту, ничего зазорного не вижу).

Link to comment
Share on other sites

  • 0

Точнее, по самому широкому «нескукоживаемому» элементу содержимого (это может быть и просто длинное непереносимое слово, но в данном случае скорее всего — картинка). C размерами таблиц всё вообще забавно, спецификация фактически ничего от браузеров не требует:

Браузеры не обязаны реализовывать именно этот алгоритм при определении табличной раскладки в случае, когда 'table-layout' равно 'auto'; они могут использовать любой другой алгоритм, даже если он приведет к другому поведению.

и даже в новом черновике про «размеры по контенту» раздел для таблиц содержит буквально лишь

Issue 7    ???

но на практике браузеры вроде как договорились, что указанная width для таблиц работает фактически как min-width, и если несжимаемый контент шире ее, то таблица растягивается (в отличие от других типов контейнеров, из которых такой контент торчал бы наружу).

  • Like 1
Link to comment
Share on other sites

  • 0

Привычка-с. Видимо, от того, что Вебкит/Блинк всё равно не дает сжать ячейку таблицы меньше пикселя, я и привык рассматривать как минимально возможную ширину ячейки именно единицу, а «доскукоживание» до нуля при надобности обрабатывать отдельно.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy