Как сделать перенос слов

Question

Я создал таблицу в PHP, но размер ячеек не фиксирован, она увеличивается, когда ввод длинный Вот код.

echo "<div style=\"overflow-y: scroll; white-space: nowrap; height: 190px;\">\n";
        echo "<table cellspacing=\"1\" cellpadding=\"1\" align=\"center\" width=\"100%\" id=\"clients\">\n";
        echo "<tr bgcolor=\"2b2d5d\">\n";
        echo "<th align=\"left\" style=\"color: FFFFFF; font-size: 12px; font-weight: normal; font-family: Arial; padding: 5\">&nbsp;</th>\n";
        echo "<th align=\"left\" style=\"color: FFFFFF; font-size: 12px; font-weight: normal; font-family: Arial; padding: 5\">Name</th>\n";
        echo "<th align=\"left\" style=\"color: FFFFFF; font-size: 12px; font-weight: normal; font-family: Arial; padding: 5\">Address</th>\n";
        echo "<th align=\"left\" style=\"color: FFFFFF; font-size: 12px; font-weight: normal; font-family: Arial; padding: 5\">Phone</th>\n";
        echo "<th align=\"left\" style=\"color: FFFFFF; font-size: 12px; font-weight: normal; font-family: Arial; padding: 5\">Fax</th>\n";

Я хочу исправить ширину ячеек, пожалуйста, нужна помощь. Спасибо

Answer 1

Просто установите% widths для тегов th.

<th style="width:20%;">

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

Я бы также посоветовал вам переместить встроенный CSS в класс, чтобы сохранить повторение того же кода, и поместить его в отдельную таблицу стилей CSS. Если ваш незнакомый (или любой, кто читает) приложит таблицу стилей, поместив ниже в заголовок страницы:

<link rel="stylesheet" href="default.css">

пример класса:

.myTableColumn{color: FFFFFF; font-size: 12px; font-weight: normal; font-family: Arial; padding: 5;width:20%;}

Позвоните из колонки:

<th class="myTableColumn">

Answer 2

<th width="50"></th>

должен сделать. Если это не

<th style="max-width: 50px;"></th>