固定表格布局(html/CSS)时,仅更改一个列宽
我正在用css和html编程。我做了一个表格,但是当页面宽度改变时,只有一列改变了宽度,而不是每一列。出于样式的原因,我对不同的td元素使用了不同的标记。桌子。相关代码可能是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_工作日{ 颜色
表格布局:固定代码>行
/*基本样式*/
.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月