1. 首页>百科大全 > 百科

html怎么把表格大小固定

作者:何同明
2020-06-02
百科

1. html表格固定大小怎么设置

1,使用传统的方法

<table width="400">

<tr>

<td width="100"></td>

<td width="100"></td>

<td width="100"></td>

<td width="100"></td>

</tr>

<table>

2,使用css

<style>

.td{width:100px;}

</style>

<table width="400">

<tr>

<td class="td"></td>

<td class="td"></td>

<td class="td"></td>

<td class="td"></td>

</tr>

<table>

以上两种方法可能出现的问题就是,如果内容超过设定,如图片宽度大于100,会自然撑开,自动调节表格宽度

3,用css

<style>

.td{width:100px;overflow:hidden}

</style>

<table width="400">

<tr>

<td class="td"></td>

<td class="td"></td>

<td class="td"></td>

<td class="td"></td>

</tr>

<table>

用这种方法,可以把超过的部分隐藏掉,如果需要严格控制的话,可以采用这种方法,如果把overflow的属性值设置成scroll或者auto的话,可以在超过的时候使用滚动条调节

2. 如何固定HTML表格的宽度

表格中有个width属性,例如定义表格宽度为300,可以这样写width="300",height属性可以定义表格高度。

当然也可以用CSS样式写。

3. 如何固定HTML表格的宽度

表格中有个width属性,例如定义表格宽度为300,可以这样写width="300",height属性可以定义表格高度。

<table width="300" border="0" cellspacing="0" cellpadding="0">

<tr>

<td></td>

</tr>

<tr>

<td></td>

</tr>

</table>; 当然也可以用CSS样式写。

<table style="width:300px" border="0" cellspacing="0" cellpadding="0">

<tr>

<td></td>

</tr>

</table>

4. html中表格怎么设置固定宽度和高度

css中宽度和高度分别可以通过width和height实现,那么对于单元格的宽度和高度,则可以通过如下样式来设置

td{ width:100px; height:50px;}

示例如下:

给出html元素

12345

67891011

设置单元格高度和宽度样式

table{border-collapse:collapse;}

td{

border: 1px solid green;

width:100px;

height:50px;

text-align:center;

5. 如何用CSS做出个固定大小的表格

通过设置宽高就可以,我贴段代码给你看下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>;表格</title>

<style type="text/css">

table{

width:300px;

height:200px;

color:#ccc;

border:1px solid #f60;

}

</style>

</head>

<body>

<table cellpadding="0" cellspacing="0" border="1">

<tr>

<th>;姓名</th>

<th>;年龄</th>

<th>;性别</th>

<th>;出生日期</th>

</tr>

<tr>

<td>;王明</td>

<td>31</td>

<td>;男</td>

<td>1985年3月25</td>

</tr>

<tr>

<td>;李玉</td>

<td>24</td>

<td>;女</td>

<td>1993年7月8</td>

</tr>

<tr>

<td>;唐莹</td>

<td>27</td>

<td>;女</td>

<td>1990年6月23</td>

</tr>

<tr>

<td>;胡洁</td>

<td>26</td>

<td>;女</td>

<td>1991年5月25</td>

</tr>

</table>

</body>

</html>;具体的你可以去php中文网上看下这块的基础知识,希望对你有帮助!

推荐阅读
  • 努比亚z9max手机音乐效验

    该机拥有HIFI级音乐芯片,音乐效果不凡。具体体现在:1.音量调节,正常听音乐中高低音都是一个音量,而杜比音效能动态扩大某个音量。比如放打鼓声,杜比会及时提高低音加强鼓声。2.加强音域,杜比音效有开阔、集中、…

    百科 2024-09-20
  • 是atChristmas还是inChristmas

    此处该用“on”。在圣诞节正确表达应为 “on Christmas ”。有具体日期的,比如知道几月几日的都用“on” ;不知道日期,但知道年份和月份的用“in” ,知道具体时间,比如几点几分用“at”。…

    百科 2024-09-20
  • 个体工商户应交纳什么税

    纳税标准根据国家税务总局《个体工商户定期定额征收管理办法》文件精神 ,定期定额征收方式适用的税种及税率如下:1、根据《中华人民共和国增值税暂行条例》规定,自2009年1月1日起,小规模纳税人增值税征收率为3%…

    百科 2024-09-20
  • 材料成本差异率为负数是什么意思

    材料成本差异额,是指材料的实际成本和计划成本之间的差额。差异率负数表示节约差异,即实际成本比计划成本小。正数表示超支差异,即实际成本比计划成本大。…

    百科 2024-09-20
  • 塞翁失马焉知非福是什么意思

    比喻一时虽然受到损失,反而因此能得到好处。也指坏事在一定条件下可变为好事,反之亦然。形容人的心态,一定要乐观向上,任何事情都有二面性,不好的一面,有可能向好的一面转化。塞翁失马,焉知非福出自《 淮南子…

    百科 2024-09-20