Таблица становится слишком большой

<table border="1" style="width:200px;"> 
    <tr> 
    <td style="width:50px;overflow:hidden;">Who</td> 
    <td style="width:50px;overflow:hidden;">Time</td> 
    <td style="width:100px;overflow:hidden;">What</td> 
    </tr> 
<?php 
while($wr = mysqli_fetch_array($read)) { 
    echo' <tr> 
    <td>'.$wr['Who'].'</td> 
    <td>'.$wr['Time'].'</td> 
    <td>'.$wr['What'].'</td></tr>'; 
}

?> Таблица становится слишком большой

$ WR [ 'Что'] тянет большие данные из базы данных, и моя таблица будет более 200px. Как я могу это исправить?

источник

2011-12-28 Extelliqent

+1 для использования таблиц для размещения! – Yuck

Он не использует таблицы для макета. Он использует таблицу для аккуратного представления табличных данных ... Соответствующе, нет? –

@MattMurrell Вы правы! '

' настолько универсален таким образом. Отлично подходит для отображения данных и просто первоклассных, когда дело доходит до макета :) – Yuck

ответ

Вы можете использовать table-layout:fixed и это должно заставить его ...

style="width:200px;table-layout:fixed"

Here's a fiddle with appropriate css.

источник

2011-12-28 15:58:51 canon

С помощью этого решения содержимое таблицы может «выходить за пределы» границ таблицы. Если вы хотите скрыть «перелив», вы можете добавить «переполнение: скрытое» в элементы 'td' в таблице. – jessegavin

Спасибо, что исправлено. – Extelliqent

Используйте max-width свойство в CSS на вашем т.д, чтобы установить максимальную ширину, что вы хотите

style='max-width:100px'

источник

2011-12-28 15:58:59 ridecar2

Это не работает в Chrome. См. Здесь: http://jsfiddle.net/nkMKt/ 'table-layout: fixed' делает. – jessegavin

Да, я пробовал, что он не работал. Спасибо за помощь. – Extelliqent

Он работает, если он помещен в элемент 'td'. – ridecar2

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