Как исправить ширину таблицы в HTML 5?

Question

Если это происходит в тестовом классе, убедитесь, что вы не забыли аннотировать класс.

Например, в Spring Boot:

@RunWith(SpringRunner.class)
@SpringBootTest
public class MyTests {
    ....

-3

javascript php css html5

задан halfer 23 March 2019 в 12:26

1 ответ

Другие вопросы по тегам:

score 0 · Answer 1

Вам необходимо установить table-layout явно:

table {
  table-layout: fixed;
}

Затем вы можете установить ширину столбца:

th:nth-child(<<the number of which column you want to set the width>>) {
  width: <<your desried width>>
}

И если вы хотите установить ширину таблицы займите всю ширину, затем просто установите:

table {
  table-layout: auto;
}

То, что вы пытаетесь сделать, это сделать так:

table {
  table-layout: fixed;
  width: 20%;
}

Используя inline, будет работать следующее:

<table style="width:20%; table-layout: fixed;">

Вот классы ширины, с которыми идет начальная загрузка 4:

w-25 /* width: 25%; */
w-50 /* width: 50%; */
w-75 /* width: 75%; */
w-100 /* width: 100%; */

К которым вы можете обратиться к своей таблице для класса. Например, class="w-25"

Вы также можете применять классы столбцов - col-*:

<table class="col-3">