按比例调整表格大小以适合div

用户名

我的问题很简单,我怀疑答案是不可能的,因为我找不到任何示例。

我有一个用css和HTML构建的表。我想按比例调整它的大小,就好像它是一幅图像,以便适合DIV内。我知道你们知道表格是什么样子,但是好像我必须提交一些代码才能提交此问题,所以我在下面添加了它

<table>
    <tr>
       <td></td>
    </tr>
</table>

假设不可能将表格转换为图像,然后可以调整图像大小?

林德利

您可以将表格的宽度设置为包含div的100%,然后将<td>设置为表格的百分比。

一个例子就是这样:http : //jsfiddle.net/9VFQ5/

<div class="container">
  <table>
      <tr>
         <td>Test 1</td>
         <td>Test 2</td>
      </tr>
  </table>
</div>


.container {
  width: 25%;
  background-color: red;
}
table {
  width: 80%;
  margin: 0 auto;
  background-color: blue;
}
td {
  width: 50%;
  color: white;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用jQuery按比例调整iframe的大小以适合DIV

来自分类Dev

如何使网站(图像/表格)按比例调整大小以适合屏幕尺寸

来自分类Dev

在Webapp中按比例调整div的大小

来自分类Dev

按宽度按比例调整UIImage的大小

来自分类Dev

按宽度按比例调整UIImage的大小

来自分类Dev

调整大小以适合div的图标

来自分类Dev

调整大小以适合div的图标

来自分类Dev

自动调整表格大小以适合屏幕

来自分类Dev

在窗口调整大小时按比例调整div的宽度和高度

来自分类Dev

按比例缩放div以适合视口

来自分类Dev

按比例缩放div以适合视口

来自分类Dev

在Firefox中按比例调整图像大小

来自分类Dev

按比例调整UIImage的大小,然后裁剪

来自分类Dev

如何按比例调整标签大小

来自分类Dev

按比例调整UIStackView中按钮的大小

来自分类Dev

自动调整图像大小以适合比例,但不拉伸

来自分类Dev

jQuery-调整图像大小以适合div

来自分类Dev

调整图像大小以适合<td>或div

来自分类Dev

如何调整svg的大小以适合div?

来自分类Dev

如何调整大型svg的大小以适合div

来自分类Dev

根据屏幕大小按比例调整文本大小

来自分类Dev

如何调整表格单元格的大小以适合内容

来自分类Dev

防止HTML表格调整大小以适合内容

来自分类Dev

具有自动布局的NSSplitView,防止按比例调整大小

来自分类Dev

调整UIBarButtonItem的Imageview的大小,以便按比例缩小图像(iOS)

来自分类Dev

在Java中使用BorderLayout按比例调整大小

来自分类Dev

JS函数按比例调整背景大小无法正常工作

来自分类Dev

具有自动布局的NSSplitView,防止按比例调整大小

来自分类Dev

WPF:按比例调整两个按钮的大小

Related 相关文章

热门标签

归档