Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使gif照片与桌子的宽度相同?_Html_Css - Fatal编程技术网

Html 如何使gif照片与桌子的宽度相同?

Html 如何使gif照片与桌子的宽度相同?,html,css,Html,Css,我想用下面的css代码使gif照片与表格的宽度(6英寸)相同 表格{ 边界塌陷:塌陷; } 运输署{ 边框:1px纯红; 宽度:2英寸; } div{ 文本缩进:2em; 背景:url(title_bg.gif)左侧; 宽度:6英寸; } 后果 实验项目 单元 价值 实验项目1 单元 价值 实验项目2 单元 价值 这是因为1px边框和默认的padding,即1px如果删除边框并使padding0,则结果为- 表格 { 边界塌陷:塌陷; } 运输署{ /*边框:1px纯红*/ 背景:#c

我想用下面的css代码使gif照片与表格的宽度(6英寸)相同

表格{
边界塌陷:塌陷;
}
运输署{
边框:1px纯红;
宽度:2英寸;
}
div{
文本缩进:2em;
背景:url(title_bg.gif)左侧;
宽度:6英寸;
}



后果 实验项目 单元 价值 实验项目1 单元 价值 实验项目2 单元 价值
这是因为
1px
边框和默认的
padding
,即
1px
如果删除边框并使padding
0
,则结果为-

表格
{
边界塌陷:塌陷;
}
运输署{
/*边框:1px纯红*/
背景:#ccc;
宽度:2英寸;
填充:0;
}
div{
文本缩进:2em;
背景:url('https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRn211PPwWEdhmVO4YK4y5ITrIvOUW3bWKHRMsbCZYRLdbkoYPj""左",;
宽度:6英寸;
}
结果
实验项目
单元
价值
实验项目1
单元
价值
实验项目2
单元
价值

这是因为
1px
边框和默认的
padding
,即
1px
如果删除边框并使padding
0
,则结果为-

表格
{
边界塌陷:塌陷;
}
运输署{
/*边框:1px纯红*/
背景:#ccc;
宽度:2英寸;
填充:0;
}
div{
文本缩进:2em;
背景:url('https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRn211PPwWEdhmVO4YK4y5ITrIvOUW3bWKHRMsbCZYRLdbkoYPj""左",;
宽度:6英寸;
}
结果
实验项目
单元
价值
实验项目1
单元
价值
实验项目2
单元
价值

大多数浏览器的默认行为是将元素的边框宽度排除在宽度计算之外。这意味着您的td总宽度(宽度+边框)将为2in+2*1px。要解决此问题,您可以设置
框大小:边框框

此处的更多信息:

大多数浏览器的默认行为是将元素的边框宽度从其宽度计算中排除。这意味着您的td总宽度(宽度+边框)将为2in+2*1px。要解决此问题,您可以设置
框大小:边框框

更多信息请点击此处:

只需为表格指定相同的div宽度即可

table{
 width:6in;
}

只需给表格提供与div相同的宽度

table{
 width:6in;
}

几乎不可能在没有看到所有CSS的情况下回答-你能创建一把小提琴吗?几乎不可能在没有看到所有CSS的情况下回答-你能创建一把小提琴吗?