Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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/CSS)时,仅更改一个列宽_Html_Css_Html Table - Fatal编程技术网

固定表格布局(html/CSS)时,仅更改一个列宽

固定表格布局(html/CSS)时,仅更改一个列宽,html,css,html-table,Html,Css,Html Table,我正在用css和html编程。我做了一个表格,但是当页面宽度改变时,只有一列改变了宽度,而不是每一列。出于样式的原因,我对不同的td元素使用了不同的标记。桌子。相关代码可能是css部分,其表格布局:固定行 /*基本样式*/ .c_集装箱{ 保证金:0自动; 宽度:80%; 高度:自动; } c_周{ 字体大小:粗体; 背景色:rgba(255,0,0,0.2); } .c_td:悬停{ 背景色:#添加8e6; } 十一月份{ 文本对齐:居中; 背景色:#CDCDCD; } .c_工作日{ 颜色

我正在用css和html编程。我做了一个表格,但是当页面宽度改变时,只有一列改变了宽度,而不是每一列。出于样式的原因,我对不同的td元素使用了不同的标记。桌子。相关代码可能是css部分,其
表格布局:固定

/*基本样式*/
.c_集装箱{
保证金:0自动;
宽度:80%;
高度:自动;
}
c_周{
字体大小:粗体;
背景色:rgba(255,0,0,0.2);
}
.c_td:悬停{
背景色:#添加8e6;
}
十一月份{
文本对齐:居中;
背景色:#CDCDCD;
}
.c_工作日{
颜色:黑色;
背景色:#D0F0C0;
}
.c_日历、.c_th、.c_td、.c_周{
宽度:100%;
表布局:固定;
文本对齐:居中;
字体大小:20px;
边框:3倍实心#000;
边界塌陷:塌陷;
光标:指针;
}
.c_td{
文本对齐:左对齐;
垂直对齐:顶部;
字体大小:10px;
}
/*马尔凯雷·赫尔格*/
c_周末{
背景色:#FED8E1;
}
/*马克勒·达托尔·索姆·伊克尔一世11月*/
c_灰色天{
背景色:#D3;
}
/*马克雷·斯佩西尔·亨德尔瑟*/
.c_探险队、.c_人才、.c_人才{
背景色:#FFFCBB;
}
/*盘旋*/
c_探险队c_探险队{
可见性:隐藏;
颜色:白色;
背景色:黑色;
文本对齐:居中;
位置:绝对位置;
z指数:2;
边界半径:8px;
填充:10px;
}
.c_探险:悬停.c_探险文字{
能见度:可见;
}
.c_人才.c_人才文本{
可见性:隐藏;
颜色:白色;
背景色:黑色;
文本对齐:居中;
位置:绝对位置;
z指数:2;
边界半径:8px;
填充:10px;
}
.c_人才:悬停.c_人才文本{
能见度:可见;
}
.cr_talent.cr_talenttext{
可见性:隐藏;
颜色:白色;
背景色:黑色;
文本对齐:居中;
位置:绝对位置;
z指数:2;
边界半径:8px;
填充:10px;
}
.cr_天赋:hover.cr_天赋文本{
能见度:可见;
}

历法
2020年11月
周
周一
星期二
结婚
清华大学
星期五
坐
太阳
44
26
27
28
29
30
31
1.
45
2.
3.
4.
5.
6.
7.
8.
46
9
10
11
12
13
14
15
47
16
17
18
19
11月19日星期四,所有学生都将前往我们当地的大坝damlia探险。在那里,我们将更多地了解大坝附近的昆虫和其他野生动物。行程从08:00到15:00。07:45在正门集合,记得带午餐!
20
21
22
48
23
11月23日是双年一次的才艺表演的时间!演出将于18:00至21:00在A1礼堂举行。
24
这是昨天才艺秀的重播,不过这次也欢迎家长!(A1礼堂18:00-21:00)
25
26
27
28
29
49
30
1.
2.
3.
4.
5.
6.

仅将
宽度:100%
应用于表格本身(
#c#calendar
),而不应用于单元格或其他元素(即从
.c#calendar、.c#th、.c#td、.c#u week的规则中删除它)

如果希望第一列比其他列宽,可以对其应用
minwidth
设置

编辑:如果希望所有其他单元格始终具有相同的宽度,可以将
最小宽度应用于
.c_td
,我刚刚在下面的代码片段中添加了该值

要强制所有单元格具有相同的宽度(如果可能,取决于内容),您也可以简单地将
min width
应用于
td
(也可以是
th

/*基本样式*/
.c_集装箱{
保证金:0自动;
宽度:80%;
高度:自动;
}
c_周{
字体大小:粗体;
背景色:rgba(255,0,0,0.2);
}
.c_td{
最小宽度:50px;
}
.c_td:悬停{
背景色:#添加8e6;
}
十一月份{
文本对齐:居中;
背景色:#CDCDCD;
}
.c_工作日{
颜色:黑色;
背景色:#D0F0C0;
}
#日历{
宽度:100%;
}
.c_日历、.c_th、.c_td、.c_周{
表布局:固定;
文本对齐:居中;
字体大小:20px;
边框:3倍实心#000;
边界塌陷:塌陷;
光标:指针;
}
.c_td{
文本对齐:左对齐;
垂直对齐:顶部;
字体大小:10px;
}
/*马尔凯雷·赫尔格*/
c_周末{
背景色:#FED8E1;
}
/*马克勒·达托尔·索姆·伊克尔一世11月*/
c_灰色天{
背景色:#D3;
}
/*马克雷·斯佩西尔·亨德尔瑟*/
.c_探险队、.c_人才、.c_人才{
背景色:#FFFCBB;
}
/*盘旋*/
c_探险队c_探险队{
可见性:隐藏;
颜色:白色;
背景色:黑色;
文本对齐:居中;
位置:绝对位置;
z指数:2;
边界半径:8px;
填充:10px;
}
.c_探险:悬停.c_探险文字{
能见度:可见;
}
.c_人才.c_人才文本{
可见性:隐藏;
颜色:白色;
背景色:黑色;
文本对齐:居中;
位置:绝对位置;
z指数:2;
边界半径:8px;
填充:10px;
}
.c_人才:悬停.c_人才文本{
能见度:可见;
}
.cr_talent.cr_talenttext{
可见性:隐藏;
颜色:白色;
背景色:黑色;
文本对齐:居中;
位置:绝对位置;
z指数:2;
边界半径:8px;
填充:10px;
}
.cr_天赋:hover.cr_天赋文本{
能见度:可见;
}

历法
2020年11月