- Использование HTML» ширина Атрибут
- С использованием ' n-й ребенок () Селектор
- С использованием ' <столбец> ' Ярлык
Способ 1: использование HTML-атрибута «ширина»
“ ширина ” — это базовый атрибут, предоставляемый HTML. Он устанавливает ширину или горизонтальную длину элемента HTML. Чтобы исправить данные таблицы, в следующих шагах используется атрибут ширины.
Шаг 1: Создайте таблицу Шаг 2: Добавьте свойства CSS к элементу «table» Шаг 3: Назначение свойств элементу «td» Шаг 4: Назначение свойств элементу «th» Вывод отображается как: На приведенном выше снимке показано, что ширина всех столбцов фиксирована и составляет 30% каждая. Свойство CSS nth-child() используется для создания таблицы фиксированной ширины. Это свойство получает номер столбца и выбирает « <тд> ' и ' <й> ” теги. Например, ширина « зафиксированный 'только для номеров столбцов' 1 ' и ' 3 ». Каждый из этих столбцов получает ширину 10%. В этой статье успешно продемонстрировано, как исправить ширину таблицы данных. Вывод вышеуказанного блока кода: Эти выходные данные показывают, что номера столбцов 1 и 3 фиксированы на ширину 10%. Внутри ' стол » в разделе CSS добавьте « макет таблицы: фиксированный », чтобы установить «ширину» элементов таблицы данных: В файле HTML добавьте « <столбец> ” тег внутри “ <таблица> ' раздел. Например, установите ширину 15% для первого столбца и 30% для второго столбца: После выполнения приведенного выше фрагмента кода вывод: Таким образом пользователь может зафиксировать ширину элементов табличных данных Чтобы зафиксировать ширину данных таблицы, используйте « ширина 'Атрибут', ' n-й ребенок ( ) ” разделитель и “ <столбец> ” методы тега. “ ширина ” задает фиксированную ширину. Разделитель «nth-child()» получает в качестве параметра номер столбца. Кроме того, « <столбец> ” можно использовать, чтобы сделать таблицу негибкой. В этой статье показано, как исправить ширину элементов
В файле HTML используйте « <центр> », чтобы отобразить каждый элемент внутри него в центре веб-страницы. Внутри него создайте таблицу, используя « <таблица> ””, ' и ' <тд> » и записываем в него данные:
< центр >
< стол >
< тр >
< й > Имя < / й >
< й > Положение дел < / й >
< й > Комната нет < / й >
< / тр >
< тр >
< тд > Фахар < / тд >
< тд > Студент < / тд >
< тд > 06 < / тд >
< / тр >
< тр >
< тд > Омар < / тд >
< тд > Студент < / тд >
< тд > 06 < / тд >
< / тр >
< / стол >
< / центр >
Используйте селектор элемента таблицы в CSS и добавьте « граница ” из 1px сплошного красного цвета, “ выравнивание текста » выравнивает текст по центру, а « ширина », который устанавливает общую ширину таблицы на 80%:
стол {
граница : 1 пиксель сплошной красный;
текст- выровнять : центр;
ширина : 80 %; }
Использовать ' тд селектор элемента и устанавливает « нижняя граница ” сплошного красного цвета 5px, “ набивка ” размером 20 пикселей, чтобы сделать элемент более заметным, и “ ширина » устанавливается в размере 30%:
тд {
нижняя граница: 5px сплошной красный цвет;
отступ: 20 пикселей;
ширина : 30 %;
}
Использовать ' й », чтобы изменить цвет « нижняя граница ” от красного до цвета морской волны, чтобы создать лучшую визуализацию:
й {
нижняя граница: сплошная морская зелень 5 пикселей;
отступ: 20 пикселей;
ширина : 30 %;
}
Способ 2: Использование селектора «nth-child()»
ширина : 10 %;
}
th: n-й ребенок ( 1 ) {
ширина : 10 %;
}
Способ 3: использование тега
макет таблицы: фиксированный;
ширина : 80 %;
граница : 1 пиксель сплошной красный;
текст- выровнять : центр;
}
< колонка стиль '=' 'ширина: 15%;' / >
< колонка стиль '=' 'ширина: 30%;' / >
.
Заключение
табличных данных.