Исправляем баг с overflow:hidden и table-layout для Opera | |
Author: utilmind |
Суть: необходимо установить чёткие размеры колонок таблицы, так чтобы текст не вылазил за пределы (за границы) этой таблицы. Во всех браузерах, кроме Оперы, это делается установкой простого стиля таблицы: Короче, мне было лень выяснять причину, в гуглах-интернетах прочитал о том что это известных баг с overflow: hidden, но решения этого вопроса нигде не нашёл, поэтому пришлось извращаться самостоятельно. Всё оказалось тупо но довольно просто. :) Если Opera игнорирует width: 100%, не растягивая элемент по ширине родителя, хрен с ней, зададим ширину, 10 пикселов например, и пусть содержимое вылазит за пределы этих пикселов. А резать по нужной ширине будет внешний элемент: <table width=100% style="table-layout: fixed; overflow: hidden;"> <tr> <td style="overflow:hidden"> <!--вот этот overflow:hidden всё решает--> <div style="white-space:nowrap;width:100px;">Три мудреца в одном тазу пустились по морю в грозу. Будь попрочнее медный таз — длиннее был бы мой рассказ.</div> </td> </tr> </table> Результат:
Если кому-то это оказалось полезным — оставьте коммент. :) |
Tweet |
Send by E-mail Print version |