2015-01-30 2 views
0

Я пытаюсь, чтобы последняя строка охватывала 3 строки предыдущей строки. Однако по каким-то причинам это не работает, я переписал код несколько раз несколько различных способов и не могу показаться, чтобы получить эту работу:атрибут rowspan не охватывает строки

CSS:

.div_walkthroughs_wrapper { 
    position:absolute; 
    height:100%; 
    width:100%; 
    margin:0; 
    padding:0; 
    border:0; 
} 

#table_walkthroughs { 
    margin:0 auto; 
    height:100%; 
} 

#table_walkthroughs td { 
    vertical-align:middle; 
    text-align:center; 
    padding:10px; 
    border:1px solid black; 
} 

HTML:

<body> 
    <div class="div_walkthroughs_wrapper"> 
     <table id="table_walkthroughs"> 
      <tbody> 
       <tr> 
        <td> 
         column 1 
        </td> 
        <td> 
         column 2 
        </td> 
        <td> 
         column 3 
        </td> 
       </tr> 
       <tr> 
        <td rowspan="3">this row wont spant 3 rows</td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
</body> 
+2

Вы имеете в виду ''. Таблица имеет только две строки. – Pekka

+0

Да. Внимание к деталям. Извините за то, что потратил время и поблагодарил всех за ответ. – user3342210

ответ

1

Я думаю, вы могли бы искать недвижимость colspan.

... 
<tr> 
    <td colspan="3">this row wont spant 3 rows</td> 
</tr> 
... 
Смежные вопросы