<html>
<body>
<h1>header</h1>
<header style='border-bottom:solid black; height:64px'>
<h1 style = 'text-align: left; display:inline-block'>
$CName($CSymbol)</h1>
<span style='padding-left:7px'>$firstN $secondN($thirdN%)</span>
</header>
<table width='1340px'>
<tr>
<td>Prev Close:</td>
<td align='right' style='padding-right:30px;'>$prevClose</td>
<td>Day's Range:</td>
<td align='right'>$daysRange</td>
<tr>
<td>Open:</td>
<td align='right' style='padding-right:30px;'>$open</td>
<td>52wkRange:</td>
<td align='right'>$yearsRange</td>
</tr>
<tr>
<td>Bid:</td>
<td align='right' style='padding-right:30px;'>$bid</td>
<td>Volume:</td>
<td align='right'>$volume</td>
</tr>
<tr>
<td>Ask:</td>
<td align='right' style='padding-right:30px;'>$ask</td>
<td>Avg Vol(3m):</td>
<td align='right'>$avgVol</td>
</tr>
<tr>
<td>1y Target Est:</td>
<td align='right' style='padding-right:30px;'>$targetEst</td>
<td>Market Cap:</td>
<td align='right'>$marketCap</td>
</tr>
</table>
</body>
</html>
该代码在 FF 中运行良好,但如果我调整浏览器的大小,“标题”仍在中心,但表格和底部边框已超出 View ,如何解决这个问题,以便无论我如何重新 -大小的浏览器,内容仍然可以适合。谢谢
最佳答案
你需要使用最大和最小宽度
<table style="max-width:1340px; min-width:800px'>
或者让它成为 100%
关于html - 如何让表格适合html中的浏览器大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22162194/