2
Хочу сделать первый столбец, чтобы иметь фиксированную ширину такой же, как во второй колонке, используя следующий стиль CSS:Как сделать ширину столбца таблицы фиксированной?
стиль = «ширина: 30%;»
Однако каждый раз, когда я помещаю длинный текст в столбец, ширина по-прежнему перемещается. Вот мой код:
Это один это содержание моего тела:
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
text-align: left;
padding: 8px;
}
.theader{
color:#91BE24;
}
.table-main{
border-radius: 10px;
margin:40px;
padding:10px;
margin-left:20px;
margin-top:5px;
}
.permissiontitle{
margin-left:20px;
margin-top:20px;
}<div class="container d-content">
\t <h1 class="permissiontitle">Permission List</h1>
\t <div class="table-main panel panel-default">
\t \t <table class="table table-hover">
\t \t \t <tr class="theader">
\t \t \t \t <th>Title</th>
\t \t \t \t <th>Description</th>
\t \t \t </tr>
\t \t \t <tr>
\t \t \t \t <td style="width:30%;">Sample Title asdasdasdasdasdasdasdadasdasdasdasdadasdasda</td>
\t \t \t \t <td style="width:70%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</td>
\t \t \t </tr>
\t \t \t <tr>
\t \t \t \t <td>Content 1</td>
\t \t \t \t <td>Content 2</td>
\t \t \t </tr>
\t \t \t <tr>
\t \t \t \t <td>Content 1</td>
\t \t \t \t <td>Content 2</td>
\t \t \t </tr>
\t \t \t <tr>
\t \t \t \t <td>Content 1</td>
\t \t \t \t <td>Content 2</td>
\t \t \t </tr>
\t \t \t <tr>
\t \t \t \t <td>Content 1</td>
\t \t \t \t <td>Content 2</td>
\t \t \t </tr>
\t \t \t <tr>
\t \t \t \t <td>Content 1</td>
\t \t \t \t <td>Content 2</td>
\t \t \t </tr>
\t \t \t <tr>
\t \t \t \t <td>Content 1</td>
\t \t \t \t <td>Content 2</td>
\t \t \t </tr>
\t \t </table>
\t \t </div>
</div>