第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

HTML表格：如何獲得以下輸出？

HTML表格：如何獲得以下輸出？

PHP
蠱毒傳說(shuō) 2023-11-06 15:30:19
我花了一個(gè)多小時(shí)才創(chuàng)建一個(gè) HTML 表格。我不明白為什么它不起作用或者我應(yīng)該如何組合行跨度、列跨度。如果您能幫助我，我將非常感激您：我嘗試了以下方法，全部失敗，有些還破壞了我以前的模板：td {  border: 2px solid;  height: 100px;  width: 100px;}<table>  <tr>    <td rowspan="5"></td>    <td rowspan="5"></td>  </tr>  <tr>    <td rowspan="3"></td>    <td rowspan="3"></td>  </tr>  <tr>    <td rowspan="3"></td>    <td rowspan="3"></td>  </tr>  <tr>    <td></td>    <td></td>  </tr>  <tr>    <td></td>    <td></td>  </tr></table>
查看完整描述

5 回答

?
慕森王

TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超3個(gè)贊

請(qǐng)嘗試以下操作：


table { border-collapse: collapse; } 

td {

   border: 2px solid black;

   height: 100px;

   width: 100px;

}

<table>

  <tr>

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

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

    <td>B</td>

    <td>B</td>    

    <td>C</td>

    <td>C</td>

  </tr>

  <tr>

    <td>A</td>

    <td>B</td>

    <td>C</td>

    <td>C</td>

  </tr>

</table>


查看完整回答
反對(duì) 回復(fù) 2023-11-06
?
慕姐8265434

TA貢獻(xiàn)1813條經(jīng)驗(yàn) 獲得超2個(gè)贊

我不知道為什么你使用 5 和 3 的行跨度，但它的工作方式是


您指定行跨度或列跨度并填充單元格網(wǎng)格


<table>

  <tr>

    <td rowspan="5">a</td>

    <td rowspan="5">b</td>

    <td rowspan="3">c</td>

    <td rowspan="3">d</td>

    <td rowspan="3">e</td>

  </tr>

意味著我們有 5 列和 5 行（到目前為止）


+-+-+-+-+-+

|X|X|X|X|X| row 1

+-+-+-+-+-+

|X|X|X|X|X| row 2

+-+-+-+-+-+

|X|X|X|X|X| row 3

+-+-+-+-+-+

|X|X| | | | row 4

+-+-+-+-+-+

|X|X| | | | row 5

+-+-+-+-+-+

第 2 行和第 3 行不需要單元格（no <td>s），因?yàn)樗鼈円呀?jīng)由第一行指定。


第 4 行需要 3 個(gè)<td>用于 3 個(gè)未使用的單元格


  <tr>

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

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

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

  </tr>

網(wǎng)格現(xiàn)在已滿


+-+-+-+-+-+

|X|X|X|X|X| row 1

+-+-+-+-+-+

|X|X|X|X|X| row 2

+-+-+-+-+-+

|X|X|X|X|X| row 3

+-+-+-+-+-+

|X|X|X|X|X| row 4

+-+-+-+-+-+

|X|X|X|X|X| row 5

+-+-+-+-+-+

所以第 5 行不需要單元格（沒(méi)有<td>s）


table { border-collapse: collapse; } 

td {

  border: 2px solid;

  height: 100px;

  width: 100px;

  text-align: center;

}

<table>

  <tr>

    <td rowspan="5">a</td>

    <td rowspan="5">b</td>

    <td rowspan="3">c</td>

    <td rowspan="3">d</td>

    <td rowspan="3">e</td>

  </tr>

  <tr></tr>

  <tr></tr>

  <tr>

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

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

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

  </tr>

  <tr></tr>

</table>


查看完整回答
反對(duì) 回復(fù) 2023-11-06
?
DIEA

TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超3個(gè)贊

這應(yīng)該非常接近您想要實(shí)現(xiàn)的目標(biāo)。重要的部分是 border-collapse、rowspan、td 寬度、border 寬度、using class。這是實(shí)現(xiàn)這一目標(biāo)的多種方法之一。


td {

  border: 4px solid;

  height: 100px;

  width: 50px;

}


table {

  border-collapse: collapse;

}


.larger-width{

 width: 75px;

}

<table>

  <tr>

    <td rowspan='2' class="larger-width"></td>

    <td rowspan='2' class="larger-width"></td>

    <td></td>

    <td></td>

    <td></td>

    <td class="larger-width"></td>

  </tr>

  <tr>

    <td></td>

    <td></td>

    <td></td>

    <td></td>

  </tr>

</table>


查看完整回答
反對(duì) 回復(fù) 2023-11-06
?
蝴蝶不菲

TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超4個(gè)贊

[![<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Table example</title>

    <style>

        table {

            border-collapse: collapse;

        }

        table td {

            border: 5px solid black;

        }

    </style>

</head>


<body>


<table border="2" cellpadding="50px">

    <tr>

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

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

        <td></td>

        <td></td>

        <td></td>

    </tr>

    <tr>

        <td></td>

        <td></td>

        <td></td>

    </tr>


</table>

</body>

</html>

輸出將是


1]1


查看完整回答
反對(duì) 回復(fù) 2023-11-06
?
慕碼人2483693

TA貢獻(xiàn)1860條經(jīng)驗(yàn) 獲得超9個(gè)贊

嘗試這個(gè)解決方案，根據(jù)需要進(jìn)行修改。


<table width="346" height="200" border="1">

  <tbody>

    <tr>

      <td rowspan="2">&nbsp;</td>

      <td rowspan="2">&nbsp;</td>

      <td>&nbsp;</td>

      <td>&nbsp;</td>

      <td>&nbsp;</td>

      <td>&nbsp;</td>

    </tr>

    <tr>

      <td>&nbsp;</td>

      <td>&nbsp;</td>

      <td>&nbsp;</td>

      <td>&nbsp;</td>

    </tr>

  </tbody>


查看完整回答
反對(duì) 回復(fù) 2023-11-06
  • 5 回答
  • 0 關(guān)注
  • 288 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)