-
rowspan
鎖定
- 中文名
- rowspan
- 釋 義
- 是HTML語言中的一個對象屬性
- 範 圍
- 在td與th標籤中
- 效 果
- 可以實現表格中一列跨越多行
rowspan簡介
rowspan表單合併
Rowspan合併行。在網頁表單中的應用。表單就是網站管理員與網站瀏覽者溝通的一個橋樑
rowspan跨行屬性
網頁表格裏面，表頭標記th的屬性。用rowspan定義合併表格的行數，屬性值是數字。
rowspanhtml
HTML（HyperTextMark-upLanguage）即超文本標記語言，是WWW的描述語言。html是在 sgml 定義下的一個描述性語言，或可説 html 是 sgml 的一個應用程式，html 不是程式語言，它只是標示語言。
HTML一種為普通文件中某些字句加上標示的語言，其目的在於運用標記（tag）使文件達到預期的顯示效果。
HTML只是標示語言，基本上你只要明白了各種標記的用法便算學懂了html，html 的格式非常簡單，只是由文字及標記組合而成，於 編輯方面，任何文字編輯器都可以，只要能將文件另存成 ascii 純文字格式即可，當然 以專業的網頁編輯軟件為佳。
rowspanvalign
rowspan類別
valign是HTML表格中tr 標籤屬性。
rowspan基本描述
valign可以通俗的理解為上中下。
而和align的區別是 align為左中右。
rowspan屬性值
值 | 描述 |
|---|---|
number |
rowspan定義用法
rowspan語法
tabledataObject.vAlign=top|middle|bottom|baseline
rowspan實例
下面的例子更改了單元格內數據的垂直排列方式：
<html><head><script type="text/javascript">function topAlign()
{
document.getElementById('td1').vAlign="top";
document.getElementById('td2').vAlign="top";
document.getElementById('td3').vAlign="top";
}
</script></head><body><table width="50%" border="1">
<tr><th>Firstname</th>
<th>Lastname</th>
<th>Text</th></tr>
<tr><td id="td1">Peter</td>
<td id="td2">Griffin</td>
<td id="td3">Hello my name is Peter Griffin. I need a long text for this example. I need a long text for this example.</td></tr></table><br />
<input type="button" onclick="topAlign()"value="Top-align table cells" /></body></html>
rowspancolspan
colSpan是一種編程語言，其屬性可設置或返回表元橫跨的列數。
rowspan定義用法
colSpan 屬性可設置或返回表元橫跨的列數。
rowspan語法
tabledataObject.colSpan=number_of_columns
rowspan實例
下面的例子更改了表元橫跨的列數：
<html>
<head>
<script type="text/javascript">
function changeColSpan() {
document.getElementById("td1").colSpan="2"; }
</script>
</head>
<body>
<table border="1">
<tr><th>Firstname</th><th>Lastname</th></tr>
<tr><td id="td1">Peter</td><td id="td2">Griffin</td></tr>
</table>
<br />
<input type="button" onclick="changeColSpan()" value="Change colspan" />
</body>
</html>
在瀏覽器裏運行一下就知道了。要是還是不清楚，在dreamweaver裏粘貼 以下代碼瀏覽或新建txt文檔粘貼以下代碼右鍵保存為.html文件再瀏覽。
<html>
<body>
<table border="1">
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td id="td1">Peter</td>
<td id="td2">Griffin</td>
<td>james</td>
<td>kobe</td>
</tr>
<tr><td colspan="2">yao</td>
<td colspan="2">ming</td>
</table>
<br />
</body>
</html>
分別去掉第二行第一列和第二列的colspan，或者改掉它的值，就能明白什麼是“單元格橫跨的列數“了。利用colspan可以解決諸如”第一行六列，第二行四列，但是無法改變上下二列自動對齊”的問題。
- 參考資料
-
- 1. HTML rowspan屬性 ．W3Cschool[引用日期2018-03-07]
