开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >动态表格大小html

问动态表格大小html
EN

Stack Overflow用户

提问于 2009-11-21 15:05:34

回答 1查看 9.2K关注 0票数 1

我正在制作一个网站，它必须适合整个屏幕，而不考虑屏幕的大小。我现在正在用一张桌子来使用它，但我遇到了一个问题。

该网页分为3列:左列位于屏幕的左侧，具有固定的大小和背景。右列位于屏幕的右侧，具有固定的大小和背景。中间的列应该在相邻的单元格之间拉伸，并且应该有一个与之一起拉伸的背景(仅水平方向)。

这样一来，网页看起来就像你用来浏览网站的屏幕一样。

然而，我的问题是中间的单元格，图像不重复，不知何故css代码：background-repeat:x-repeat;不会使图像拉伸，而且当我将单元格宽度设置为100%时，它会干扰相邻的单元格，使其看起来一团糟。

我如何才能做到这一点？

编辑

下面是我正在使用的标记：

CSS：

#topleftcell
{
    background-image:url(../images/Logo.png);
    background-repeat:no-repeat;
    width:300px;
}
#topmiddlecell
{
    background-image:url(../images/header_fill.png);
    background-repeat:repeat-x;
    width:auto;
}
#toprightcell
{
    background-image:url(../images/header_right.gif);
    background-repeat:no-repeat;
    width:16px;
}

HTML：

<body>
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
 <tr style=" width:100%;">
     <td id="topleftcell"></td>
     <td id="topmiddlecell"></td>
     <td id="toprightcell"></td>
 </tr>
    </table>
</body>

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2009-11-21 15:08:57

固定左右单元格的宽度。中心单元格中的自动宽度。您可能需要在中心单元格中添加一个填充图像。

票数 3

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/1775715

复制

相关文章

【HTML】HTML 注册表单案例 ① ( 表格设置 | 设置表格位置和大小 | 设置表格标题 | 表单设置 | 表格中设置单选按钮 )

html 表单表格浏览器数据

在 html 页面的 body 标签中 , 通过添加 table 标签 , 添加表格 ;

韩曙亮

2023/03/30

5.7K0

【HTML】HTML 注册表单案例 ① ( 表格设置 | 设置表格位置和大小 | 设置表格标题 | 表单设置 | 表格中设置单选按钮 )

cell header row table 表格

<table>、<tr>和<td>是HTML表格最基本的3个标签，其他标题标签<caption>、表头单元格<th>可以没有，但是这3者必须要有。

Qwe7

2022/05/16

4.1K0

编程算法 html

看了上图百度的搜索页面，有木有心动一下，别慌你也能够的。这就是我们今天要讲的表单。

全栈程序员站长

2022/07/05

3.2K0

4.cellspacing：外边距(单元格和单元格之间的距离)

十月梦想

2018/08/29

4.1K0

HTML表格代码_html如何制作表格代码

https java 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/169633.html原文链接：https://javaforall.cn

全栈程序员站长

2022/09/22

14.7K0

html代码大全表格_html表格代码怎么写

https java 网络安全 html

在做前台html中我们经常用到一些表格，苦逼的后台程序猿大多都简简单单的写一些标签，下面分享一下只用h5就能写出一些精美的form

全栈程序员站长

2022/09/22

7.8K0

html表格菜鸟教程_exls表格

<table> 标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 <tr>、<th> 或 <td> 元素组成表格结构；其中： <tr> 元素定义表格行，<th> 元素定义表头，<td> 元素定义表格单元。为了让表格更美观，我们会用到：border，colspan，rowspan，align，bgcolor 等来美化表格，具体在本文都有讲解；

全栈程序员站长

2022/09/22

8.1K0

html表格菜鸟教程_exls表格

Sub ht(Html, Range) s1 = Split(Html, "<tr") rn = UBound(s1) cn = UBound(Split(s1(2), "<td>")) ReDim arr(rn - 1, cn - 1) For ri = 1 To rn s2 = Split(s1(ri), "<td") If UBound(s2) = 0 Then s2 = Split(s1(ri), "<th") For ci = 1 To cn arr(ri - 1, ci - 1

林万程

2018/06/21

5.3K0

html怎么使表格居中,html怎么使表格居中[通俗易懂]

https 网络安全 html

margin 属性可以单独改变元素(元素可以是表格或者DIV)的上，下，左，右边距。也可以一次改变所有的属性。

全栈程序员站长

2022/11/04

11.9K0

html怎么使表格居中,html怎么使表格居中[通俗易懂]

html中表格整体居中,html中怎么把表格居中

css https java 网络安全 html

html中把表格居中的方法：首先创建一个HTML示例文件；然后使用table标签创建一个两行两列的表格；接着给table标签添加一个class属性；最后将margin属性设置为“0 auto”即可。

全栈程序员站长

2022/07/22

14.5K0

html中表格整体居中,html中怎么把表格居中

HTML单选表格和多选表格实现

单选表格 1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont

治电小白菜

2020/08/25

7.6K0

HTML单选表格和多选表格实现

网页|HTML表格制作

html 编程算法

在我们学习工作想要做出一个表格的时候，我们通常会直接打开Excel，但其实，使用html进行表格制作时，更能体会到敲代码的魅力。

算法与编程之美

2020/02/24

10.8K0

<html> <head> <meta charset = "utf-8"> <title>表格测试</title> </head> <body> <h3>这是一个表格</h3> <table border = "1px" cellspacing = "0px"> <!--col （column列的缩写）这是一个单标签，决定每一列 <col width = "300px"

bye

2020/11/24

2.3K0

HTML（表格 & 内联框架）

<table>为块状元素，会独占一行，td也是块状元素，当然他和他的兄弟姐妹并不冲突；

全栈开发日记

2022/05/12

6.3K0

HTML（表格 & 内联框架）

json生成html表格

demo data = {"column_name":["name", "age", "sex"], "column": [["Jack", "25", "male"], ["Rebot","18", "male"]]} col_ks = data.get("column_name") col_vs = data.get("column") def dict_to_table(ks, vs): """ desc: dict2html_table ""

Spaceack

2020/11/04

9.1K0

【HTML】HTML 表格 ② ( 表头单元格标签 | 表格标题标签 )

html table 表格

表头单元格可以在表格中用作第一排作为表格的表头使用 , 表头单元格中的文本设置可以与普通单元格中的文本设置不同 ;

韩曙亮

2023/03/30

6.7K0

【HTML】HTML 表格 ② ( 表头单元格标签 | 表格标题标签 )

HTML基础——表格标签

border excel table 表格

border-collapse 设置表格的边线合并，如：border-collapse:collapse;

落雨

2022/05/26

19.5K1

HTML表格标签学习

表格标签学习表格标签学习 ---- 表格标签的常用属性及设置学习: 科目分数级别说明 java 100 8 面向对象的语言 C语言 100 8 面向过程的语言 ---- 单元格的合并学习: <html> <head> <title>表格标签学习</title> <meta charset="UTF-8"/> <pre> 表格标签学习: table :声明一个表格 tr:声明一行,设置行高及

葆宁

2019/04/19

4.2K0

python生成html表格

最近做一个小工具，需要将统计数据生成html表格。在网上搜罗一圈后发现用pandas生成表格非常好用。代码如下：

py3study

2020/01/13

7.2K0

（二）html 复杂表格

---- <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>程序员之美</title> <meta charset="utf-8" /> <style type="text/css"> /*表格样式*/ table { width: 90%; back

花狗Fdog

2020/11/03

2.5K0

相似问题

Html动态表格

11

Html表格大小列

112

表格边框大小- CSS/HTML

21

HTML/JavaScript解析动态表格

20

html表格动态编辑行

10

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例