Использование свойства width для ячеек данных таблицы для изменения внешнего вида таблицы - PullRequest
Новая
       2

Использование свойства width для ячеек данных таблицы для изменения внешнего вида таблицы

0 голосов
/ 27 июля 2010 
<table id='tab' border='2'>
<tr><td width="33%">col 1,1</td><td width="33%">col 1,2</td><td width="33%">col 1,3</td></tr>
<tr><td width="50%">col 2,1</td><td width="50%">col 2,2</td></tr>
<tr><td width="33%">col 3,1</td><td width="33%">col 3,2</td><td width="33%">col 3,3</td></tr>
</table>

Здравствуйте. Я пытаюсь упорядочить все столбцы, поэтому я изменяю ширину разных ячеек, чтобы выполнить требование. Теперь проблема в том, что таблица занимает 50% в качестве ширины ячейки таблицы, и все искажается. Как мне с этим работать?

Мой HTML-код удаляется или обрабатывается, даже если я использую теги кода, как мне вставить свой HTML-код?

Ответы [ 3 ]

0 голосов
/ 27 июля 2010

Проблема во втором ряду, она должна быть 

<table id='tab' border='2'>
<tr><td width="33%">col 1,1</td><td width="33%">col 1,2</td><td width="33%">col 1,3</td></tr>
<tr><td width="33%">col 2,1</td><td width="33%">col 2,2</td></tr>
<tr><td width="33%">col 3,1</td><td width="33%">col 3,2</td><td width="33%">col 3,3</td></tr>
</table>

Или 

<table id='tab' border='2'>
<tr><td width="33%">col 1,1</td><td width="33%">col 1,2</td><td width="33%">col 1,3</td></tr>
<tr><td width="33%">col 2,1</td><td width="66%" colspan="2">col 2,2</td></tr>
<tr><td width="33%">col 3,1</td><td width="33%">col 3,2</td><td width="33%">col 3,3</td></tr>
</table>
0 голосов
/ 27 июля 2010

Я понимаю, что вам нужно 3 строки, что-то вроде этого: 

| 1,1 | 1,2 | 1,3 |
|  2,1   |   2,2  |
| 3,1 | 3,2 | 3,3 |

Исходя из этого ожидания, я знаю, что единственный способ сделать это без вложенной таблицы - сделать вид, что у вас 4 столбцаи добавьте аргумент colspan=2 в ячейки (1,2), (2,1), (2,2) и (3,2) следующим образом: 

<table id='tab' border='2'>
<tr><td width="33%">col 1,1</td><td colspan=2 width="33%">col 1,2</td><td width="33%">col 1,3</td></tr>
<tr><td colspan=2 width="50%">col 2,1</td><td colspan=2 width="50%">col 2,2</td></tr>
<tr><td width="33%">col 3,1</td><td colspan=2 width="33%">col 3,2</td><td width="33%">col 3,3</td></tr>
</table>

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

0 голосов
/ 27 июля 2010

потому что во втором ряду только 2 столбца, а в остальных 3?

...