html - 如何让表格适合html中的浏览器大小?

标签 html css

<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 ,如何解决这个问题,以便无论我如何重新 -大小的浏览器,内容仍然可以适合。谢谢 befor resize

after resize

最佳答案

你需要使用最大和最小宽度

<table style="max-width:1340px; min-width:800px'>

或者让它成为 100%

关于html - 如何让表格适合html中的浏览器大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22162194/

相关文章:

javascript - 再次点击按钮后如何显示警报?

javascript - 输入长度大于 0 不能正常工作

css - Nav Pills 背景泄漏

CSS::添加环形后

javascript - jquery 验证 css 也更改影响字段?

javascript - 如何将此 Silverlight 控件转换为 HTML/CSS/JS

css - 能否将一个 div float 在其父 div 的右下角并让文本环绕它?

javascript - 如何在项目中使用多个if条件

html - css + html全屏背景问题

Javascript onClick 双击