如何在HTML中對錶格進行旋轉編碼？

看到這個：如何在HTML中對錶格進行旋轉編碼？

_____ __ 
|_____| | 
| |__|__| 
|__|_____|

如何在HTML中進行編碼？

來源

2011-01-27 Xiè Jìléi

你嘗試過什麼？有沒有修復尺寸還是靈活的佈局？：P – meo 2011-01-27 14:20:43

自由使用`colspan =「」``屬性。 – JakeParis 2011-01-27 14:21:08

<table border="1"> 
    <tr> 
    <td colspan="2">&nbsp;</td> 
    <td rowspan="2">&nbsp;</td> 
    </tr> 
    <tr> 
    <td rowspan="2">&nbsp;</td> 
    <td>&nbsp;</td> 
    </tr> 
    <tr> 
    <td colspan="2">&nbsp;</td> 
    </tr> 
</table>

來源

2011-01-27 14:23:27

使用colspan和rowspan，並設置高度和寬度。

<table border=1 height=400 width=400> 
    <tr> 
    <td colspan=2>1</td> 
    <td rowspan=2>3</td> 
    </tr> 
    <tr> 
    <td rowspan=2>4</td> 
    <td>5</td> 
    </tr> 
    <tr> 
    <td colspan=2>8</td>  
    </tr> 
    </table>

來源

2011-01-27 14:21:23 hungryMind

這可以很容易地與rowspans和colspans來完成。

來源

2011-01-27 14:21:59

試試這個:-)

<table> 
    <tr> 
     <td colspan=2>top left</td> 
     <td rowspan=2>top right</td> 
    </tr> 
    <tr> 
     <td rowspan=2>lower left</td> 
     <td>center</td> 
    </tr> 
    <tr> 
     <td colspan=2>lower right</td> 
    </tr> 
</table>

它產生

enter image description here

來源

2011-01-27 14:23:05 aioobe

下面是一個寬度設置的JSFiddle：http://jsfiddle.net/ep2Gw/ – 2011-01-27 14:24:06

酷！從來沒有見過該網站:) – aioobe 2011-01-27 14:26:33

http://jsfiddle.net/2b9K3/

<table> 
    <tr> 
     <td colspan="2"></td> 
     <td rowspan="2"></td> 
    </tr> 

    <tr> 
     <td rowspan="2"></td> 
     <td></td> 
    </tr> 

    <tr> 
     <td colspan="2"></td> 
    </tr> 
</table>

來源

2011-01-27 14:23:23 JakeParis

如何在HTML中對錶格進行旋轉編碼？

回答

相關問題