blocks|key|3217185|text|正是为了这个目的，我们创建了colspan属性。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3217186|<table>
++<tr><td></td><td></td><td></td></tr>
++<tr><td></td><td></td><td></td></tr>
++<tr><td+colspan="3">Here+I+need+a+cell+by+all+width</td></tr>
</table>|code-block|syntax|javascript|3217187|同样，如果希望跨越多个行，则可以使用rowspan属性。|3217188|<table>
++<tr><td></td><td></td><td+rowspan="3">Spans+full+table+height</td></tr>
++<tr><td></td><td></td></tr>
++<tr><td></td><td></td></tr>
</table>|3217189|要了解有关这两个属性的更多信息，请访问官方documentation+on+w3.org。|3217190|我还建议您不要使用表格，除非您需要显示表格数据。|BOLD|3217191|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/html401/struct/tables.html#h-11.2.6.1^0|E|7|0|0|I|7|0|0|L|N|0|0|0|O|0^^$0|@$1|2|3|4|5|6|7|11|8|@$9|12|A|13|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|14|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|15|8|@$9|16|A|17|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|18|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|19|8|@]|D|@$9|1A|A|1B|1|1C]]|E|$]]|$1|Q|3|R|5|6|7|1D|8|@$9|1E|A|1F|B|S]]|D|@]|E|$]]|$1|T|3|-4|5|6|7|1G|8|@]|D|@]|E|$]]]|U|$V|$5|W|X|Y|E|$Z|10]]]]

<p>For this exact purpose the <code>colspan</code> attribute was created.</p>

<pre><code>&lt;table&gt;
  &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td colspan="3"&gt;Here I need a cell by all width&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>Similarly you can use use the <code>rowspan</code> attribute if you want to span multiple rows.</p>

<pre><code>&lt;table&gt;
  &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td rowspan="3"&gt;Spans full table height&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>To learn more about these two attributes visit the official <a href="http://www.w3.org/TR/html401/struct/tables.html#h-11.2.6.1" rel="noreferrer">documentation on w3.org</a>.</p>

<p><strong>Also I urge you not to use tables unless you need to present tabular data.</strong></p>


blocks|key|3003785|text|使用colspan属性：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3003786|<tr><td+colspan="3">Here+I+need+a+cell+by+all+width</td></tr>|code-block|syntax|javascript|3003787|3003788|属性定义单元格应该跨越的列数。|blockquote|3003789|3003790|3003791|有一个相关的属性rowspan可以为行实现相同的功能。|3003792|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/tags/att_td_colspan.asp|1|http://www.w3schools.com/tags/att_td_rowspan.asp^0|2|7|2|7|0|0|0|0|0|0|0|8|7|8|7|1|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@$9|15|A|16|1|17]]|E|$]]|$1|F|3|G|5|H|7|18|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|19|8|@]|D|@]|E|$]]|$1|L|3|M|5|N|7|1A|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|1B|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]|$1|Q|3|R|5|6|7|1D|8|@$9|1E|A|1F|B|C]]|D|@$9|1G|A|1H|1|1I]]|E|$]]|$1|S|3|-4|5|6|7|1J|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]|10|$5|V|W|X|E|$Y|11]]]]

<p>Use the <a href="http://www.w3schools.com/tags/att_td_colspan.asp" rel="noreferrer"><code>colspan</code></a> attribute:</p>

<pre><code>&lt;tr&gt;&lt;td colspan="3"&gt;Here I need a cell by all width&lt;/td&gt;&lt;/tr&gt;
</code></pre>

<blockquote>
  <p>The colspan attribute defines the number of columns a cell should span.</p>
</blockquote>

<p>There is a related attribute <a href="http://www.w3schools.com/tags/att_td_rowspan.asp" rel="noreferrer"><code>rowspan</code></a> that achieves the same for rows.</p>


<p>I have a table with 3 rows and 3 columns. How can combine last row columns? My html:</p>

<pre><code>&lt;table&gt;
  &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Here I need a cell by all width&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
</code></pre>


html table cells combine

我有一个3行3列的表格。如何组合最后一行的列？我的html：<table>  <tr><td></td><td></td><td></td></tr>  <tr><td></td><td></td><td></td></tr>  <tr><td>Here I need a cell by all width</td><...

问html表格单元格组合
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问html表格单元格组合EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问html表格单元格组合
EN