2017-08-19 9 views
0

私はテーブルを持っています。私が直面している問題は、私のテーブルの行をマージする方法を知りたいです...誰も私を助けたり、私のテーブルの行をマージする方法について教えてください?たとえば、下の行1と行2を1行としてマージしたい場合、どのようにマージするのですか?誰かが私を助けることができれば幸せだろう:) [ps:スタイルをそこに書いてテーブルをマージできますか?どうすればいい?以下 は私のコードです:]どのようにCSSのテーブルを使用して行をマージする?

<html> 
<head> 

<style type="text/css"> 
    .Table 
    { 
    display: table; 
    } 
    .Title 
    { 
    display: table-caption; 
    text-align: center; 
    font-weight: bold; 
    font-size: larger; 
} 
.Heading 
{ 
    display: table-row; 
    font-weight: bold; 
    text-align: center; 
} 
.Row 
{ 
    display: table-row; 
} 
.Cell 
{ 
    display: table-cell; 
    border: solid; 
    border-width: thin; 
    padding-left: 5px; 
    padding-right: 5px; 
} 
</style> 
<body> 

<div class="Table"> 
    <div class="Title"> 
    <p>This is a Table</p> 
</div> 
<div class="Heading"> 
    <div class="Cell"> 
     <p>Heading 1</p> 
    </div> 
    <div class="Cell"> 
     <p>Heading 2</p> 
    </div> 
    <div class="Cell"> 
     <p>Heading 3</p> 
    </div> 
</div> 
<div class="Row"> 
    <div class="Cell"> 
     <p>Row 1 Column 1</p> 
    </div> 
    <div class="Cell"> 
     <p>Row 1 Column 2</p> 
    </div> 
    <div class="Cell"> 
     <p>Row 1 Column 3</p> 
    </div> 
</div> 
<div class="Row"> 
    <div class="Cell"> 
     <p>Row 2 Column 1</p> 
    </div> 
    <div class="Cell"> 
     <p>Row 2 Column 2</p> 
    </div> 
    <div class="Cell"> 
     <p>Row 2 Column 3</p> 
    </div> 
</div> 
</div> 
</body> 
</html> 
+0

[2つのHTMLテーブルセルをマージ](https://stackoverflow.com/questions/4342336/merge-two-html-table-cells)の可能な複製 – Dekel

答えて

関連する問題