主頁 > 知識(shí)庫 > td單元格合并時(shí) td寬度問題

td單元格合并時(shí) td寬度問題

熱門標(biāo)簽:齊齊哈爾地圖標(biāo)注地點(diǎn) 縣域地圖標(biāo)注點(diǎn) 南寧銷售外呼系統(tǒng)線路商 400電話座機(jī)怎么辦理 電銷機(jī)器人外呼失敗怎么回事 天津銷售電銷機(jī)器人公司 邵陽市地圖標(biāo)注app 吃雞地圖標(biāo)注設(shè)置 400電話申請(qǐng)好不好
下面示例中,當(dāng)姓名所在td的寬度是60px,如果第二行里的文字較少時(shí),顯示正常,如果第二行里的文字較多時(shí),則顯示不正常了

復(fù)制代碼
代碼如下:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>腳本之家</title>
<style type="text/css">
.mTable{width:200px;border:1px solid #666;border-collapse:collapse}
.mTable td{border:1px solid #666}
</style>
</head>
<body>
<table width="200" cellspacing="0" cellpadding="0" class="mTable">
<tr>
<td width="60">姓名:</td>
<td>某某</td>
</tr>
<tr>
<td colspan="2">個(gè)人簡介</td>
</tr>
</table>

<table width="200" cellspacing="0" cellpadding="0" class="mTable">
<tr>
<td width="60">姓名:</td>
<td>某某</td>
</tr>
<tr>
<td colspan="2">個(gè)人簡介個(gè)人簡介個(gè)人簡介</td>
</tr>
</table>
</body>
</html>

解決方法一:(對(duì)第二列td也設(shè)置寬度)

復(fù)制代碼
代碼如下:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>腳本之家</title>
<style type="text/css">
.mTable{width:200px;border:1px solid #666;border-collapse:collapse}
.mTable td{border:1px solid #666}
</style>
</head>
<body>
<table width="200" cellspacing="0" cellpadding="0" class="mTable">
<tr>
<td width="60">姓名:</td>
<td width="140">某某</td>
</tr>
<tr>
<td colspan="2">個(gè)人簡介</td>
</tr>
</table>

<table width="200" cellspacing="0" cellpadding="0" class="mTable">
<tr>
<td width="60">姓名:</td>
<td width="140">某某</td>
</tr>
<tr>
<td colspan="2">個(gè)人簡介個(gè)人簡介個(gè)人簡介</td>
</tr>
</table>
</body>
</html>

解決方法二:(設(shè)置table-layout:fixed)

復(fù)制代碼
代碼如下:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>腳本之家</title>
<style type="text/css">
.mTable{width:200px;border:1px solid #666;border-collapse:collapse;table-layout:fixed}
.mTable td{border:1px solid #666}
</style>
</head>
<body>
<table width="200" cellspacing="0" cellpadding="0" class="mTable">
<tr>
<td width="60">姓名:</td>
<td>某某</td>
</tr>
<tr>
<td colspan="2">個(gè)人簡介</td>
</tr>
</table>

<table width="200" cellspacing="0" cellpadding="0" class="mTable">
<tr>
<td width="60">姓名:</td>
<td>某某</td>
</tr>
<tr>
<td colspan="2">個(gè)人簡介個(gè)人簡介個(gè)人簡介</td>
</tr>
</table>
</body>
</html>

標(biāo)簽:衡水 寧夏 寧波 延安 濟(jì)寧 贛州 日照

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《td單元格合并時(shí) td寬度問題》,本文關(guān)鍵詞  單元格,合并,時(shí),寬度,問題,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《td單元格合并時(shí) td寬度問題》相關(guān)的同類信息!
  • 本頁收集關(guān)于td單元格合并時(shí) td寬度問題的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章