colspan和rowspan使用程序中遇到的問題
? 學html時老師布置了一個制作個人簡歷的作業，我想實作的效果是自我評價占據三行，然后輸入的區域占據三行七列，同樣，獲獎經歷也占據三行，輸入的內容占據三行七列。代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>簡歷</title>
</head>
<body>
<table border="2">
<tr>
<td rowspan="3">自我評價</td>
<td colspan="7" rowspan="3"><input type="text"></td>
</tr>
<tr>
<td rowspan="3">獲獎經歷</td>
<td rowspan="3" colspan="7"><input type="text"></td>
</tr>
<tr>
</tr>
</table>
</body>
</html>
? 然而最終的效果是這樣的：
? 為什么出現這樣的情況？求指導
uj5u.com熱心網友回復：
現在我知道的解決方案是用一行一列來代替三行七列，然后用css來改變寬高，實作同樣的效果uj5u.com熱心網友回復：
display:flex 彈性布局一下子就出來了。uj5u.com熱心網友回復：
沒明白你敘述的需求，能畫個簡圖看看嗎轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/165556.html
標籤：HTML(CSS)