Лучше использовать фиксированную или процентную ширину столбца для таблицы HTML?

Question

Я показываю некоторые табличные данные на своем веб-сайте, поэтому решил использовать некоторые таблицы. Лучше ли использовать фиксированную ширину для столбцов таблицы (например, 100 пикселей) или использовать процентную ширину?

Answer 1

Я бы не пересчитал фиксированную ширину, так как размер текста в браузерах может отличаться. Правильная вещь - ничего не делать! Оставьте таблицу самой размерной. Принуждение таблицы к ширине 100% является опцией, но может оставить много пробелов.

Насколько большой стол будет на моем мобильном телефоне, телевизоре или настольном ПК? Чем больше вы создаете макет, тем хуже он выглядит на неожиданных платформах.

Answer 2

Я согласен с Quigley, однако «правильный» подход во многом зависит от вашего конкретного контекста. Если вам нужно просто отображать простые данные на веб-сайте, в основном просто распечатывая данные в формате HTML, я также оставил бы таблицу такой, какой она есть. То, что вы должны сделать, это установить его ширину до 100% s.t. он расширяется на всю ширину страницы. Если он находится внутри другого контейнера (например, div или другого тега), он будет расширяться до ширины этого контейнера.

Если вы хотите, чтобы ваш стол просто расширялся до определенной ширины, я бы пошел на процентные значения вместо фиксированных таблиц, главным образом из-за того, что ваши пользователи будут иметь разные размеры и разрешение дисплея и, следовательно, соответствующий браузер окно может отличаться. В таком случае я бы рассмотрел такие атрибуты, как min-width, которые определяют минимальную ширину вашей таблицы. Атрибут отлично работает на Firefox, Safari и т. Д. Однако в IE (как обычно) вам нужно сделать трюк для достижения минимальной ширины, добавив что-то вроде следующего в ваш класс CSS (который вы добавляете в контейнер-контейнер вашего HTML-кода таблица или к самой таблице):

width: expression(this.scrollWidth < 70 ? "70px" : "auto"); 

Это просто пример, который определяет минимальную ширину 70 пикселей, в противном случае она не устанавливает каких-либо ширину. Вы можете настроить его в соответствии с вашими потребностями.

Answer 3

Исправлены пиксельные ширины, безусловно, худший вариант. Проценты намного лучше. Если вы хотите определить ширину столбцов относительно других элементов на вашей странице, лучшим вариантом будет использование CSS и единицы, например em, которая равна relative to the text size.

Answer 4

Для табличных данных я считаю, что относительный (процент) должен быть хорошим.

Но если вы чувствуете, что размер экрана может испортить ваши столы, пойдите для фиксированного подхода.

Answer 5

Я использую (d) пропорциональную ширину широко с HTML, который должен работать в браузерах и CSS2XSLFO.

Однако Firefox 3.x удалил поддержку ширины PCW в столбцах таблицы.

См https://bugzilla.mozilla.org/show_bug.cgi?id=333352

Таким образом, вы должны будете использовать% ширины.

Я никогда не использую фиксированную ширину (например, 50px), однако я использую em или ex units в дополнение к размерам pcw или процентов.

Answer 6

Что касается ответа DeadAccount, не используйте W3Schools, у них есть привычка иметь половину правильной информации.

http://w3fools.com/

Кроме того, я уверен, что лучшая практика делает процент вместо фиксированной ширины, так как и другие указанной фиксированной воля запуталась в других браузерах, если они используют различные настройки, чем ваш. Однако лучше всего было бы оставить его в покое.