При создании веб-страниц мы часто сталкиваемся с проблемой несовпадения ширины таблиц. Я подробно рассмотрел настройки высоты и ширины тега таблицы в HTML и теперь резюмирую их следующим образом:
1. Настройки ширины и высоты в таблице и их функции . Высота, установленная в таблице, фактически устанавливает минимальное значение, то есть, когда содержимое таблицы или общая высота строки превышает это установленное значение, значение высоты table будет автоматически расширена, если содержимое или высота строки в таблице не достигнет этого значения, она автоматически расширится до этого значения. Значение ширины, установленное в таблице, обычно является максимальным значением ширины таблицы и не может быть изменено, даже если ширина внутреннего содержимого превышает его. (Если внутреннее содержимое представляет собой изображение, ширину таблицы можно изменить.)
2. Настройки ширины и высоты в теге tr и их функции : Настройка ширины в теге tr не имеет никакого эффекта, поскольку, как видно из первого пункта, ширину таблицы изменить нельзя, а тег tr будет конечно не влияют. Поэтому обсуждать настройку высоты можно только в tr. Настройка высоты в tr связана с настройками между несколькими tr. Если установлено несколько tr с определенными значениями высоты, высота каждого tr присваивается общему значению высоты пропорционально установленному значению. Обратите внимание, что это общее значение высоты. Когда несколько trs не устанавливают определенное значение высоты, общее значение высоты распределяется равномерно. Когда некоторые ТР установлены с конкретными значениями, а некоторые не установлены с конкретными значениями по умолчанию, сначала убедитесь, что основные потребности каждого ТР, а затем остальные будут соответствовать ТР с установленными конкретными значениями, а затем все будут установлены TR без конкретных значений. В последнем случае нам нужно учитывать, что общей ширины недостаточно для общего значения настройки tr. Если ее недостаточно, она должна соответствовать основным потребностям tr. Здесь будет автоматически увеличена высота. Затем рассмотрим tr с набором высоты и, наконец, рассмотрим tr без набора высоты.
3. Настройки ширины и высоты и их функции в теге td . Ширина и высота в теге td являются эффективными. Давайте сначала посмотрим на ширину TD. Ширина определенного TD связана с шириной каждого TD в столбце. За ширину каждого TD в этом столбце принимается наибольшая ширина. Большинство. Где, вы должны понять ширину определенного TD с глобальной точки зрения. Вы не можете определить его ширину по настройке ширины. Это неточно. Как только мы выясним ширину каждого столбца, с этим будет проще справиться. В настоящее время распределение ширины между каждым TD основано на правиле распределения высоты каждого tr из второй статьи. Единственное отличие состоит в том, что по умолчанию ширина каждого TD распределяется не поровну, а пропорционально их фактическому значению. контент. Давайте посмотрим на настройку высоты td. Это относительно просто. Однако высота каждого td зависит от максимальной высоты строки, в которой находится td, чтобы определить высоту каждого td в этой строке. каждой строки определяется высотой тр. Принцип распределения высоты тот же. Еще следует отметить взаимосвязь между высотой td и высотой tr. Прежде всего, оно должно основываться на потребностях контента. На этой основе оно будет определяться на основе установленного значения. Будет использоваться большее установленное значение, если у одного есть установленное значение, а у другого нет. установленное значение, то будет использоваться установленное значение.
1. Используйте традиционные методы
<table width=400> <tr> <td width=100></td> <td width=100></td> <td width=100></td> <td width=100></td> < /tr> <таблица>
2. Используйте CSS
<style>.td{width:100px;}</style><table width=400> <tr> <td class=td></td> <td class=td></td> <td class=td> </td> <td class=td></td> </tr> <table>Возможная проблема с двумя вышеуказанными методами заключается в том, что если содержимое превышает настройку, например, ширина изображения превышает 100, оно естественным образом расширяется и автоматически регулирует ширину таблицы.
3. Используйте CSS
<style>.td{width:100px;overflow:hidden</style><table width=400> <tr> <td class=td></td> <td class=td></td> <td class =td></td> <td class=td></td> </tr> <таблица>Используя этот метод, вы можете скрыть лишнюю часть. Если вам нужен строгий контроль, вы можете использовать этот метод. Если вы установили значение атрибута переполнения на прокрутку или автоматически, вы можете использовать этот метод, если вы установили значение атрибута переполнения на прокрутку. или авто, вы можете использовать этот метод. Если вы установили значение атрибута переполнения на прокрутку или авто, вы можете использовать этот метод. Если установлено значение прокрутки или авто, вы можете использовать полосу прокрутки для настройки, когда оно превышает...
Подвести итогВышеупомянутый метод установки ширины и высоты ячеек HTML-таблицы представлен вам редактором. Надеюсь, он будет вам полезен. Если у вас есть какие-либо вопросы, оставьте мне сообщение, и редактор ответит вам. время. Я также хотел бы поблагодарить всех за поддержку сайта боевых искусств VeVb!