|
@@ -86,7 +86,7 @@ li {
|
|
|
align-items: center; /* 在交叉轴上居中对齐子元素 */
|
|
|
gap: 1em; /* 子元素之间的间隔 */
|
|
|
max-width: 100%; /* 最大宽度为100%,防止超出父容器 */
|
|
|
- padding: 5px 1px 1px 1px; /* 上 右 下 左的内边距 */
|
|
|
+ padding: 1em 1px 1px 1px; /* 上 右 下 左的内边距 */
|
|
|
box-sizing: border-box; /* 包括边框和内边距在内的宽度计算 */
|
|
|
position: relative; /* 添加相对定位,用于绝对定位的子元素 */
|
|
|
}
|
|
@@ -102,7 +102,7 @@ li {
|
|
|
display: flex; /* 使用 Flexbox 布局 */
|
|
|
align-items: end; /* 垂直居中对齐子元素 */
|
|
|
flex-basis: calc(5% - 0.5em); /* 计算每个子元素的基础大小,减去一定的间隔 */
|
|
|
- margin-bottom: 1em; /* 每个子元素底部的外边距 */
|
|
|
+ margin-bottom: 0.5em; /* 每个子元素底部的外边距 */
|
|
|
}
|
|
|
|
|
|
/* 控制输入框前面的label 标签显示的内容 */
|
|
@@ -132,6 +132,9 @@ li {
|
|
|
width: 90px; /* 时间输入框的宽度 */
|
|
|
/*margin-right: 0.5em;*/ /* 可选的右侧内边距 */
|
|
|
}
|
|
|
+.time-input2 {
|
|
|
+ width: 190px !important; /* 使用 !important 提高优先级 */ /* 时间输入框的宽度 */
|
|
|
+}
|
|
|
|
|
|
/* 小屏幕设备 */
|
|
|
@media (max-width: 768px) {
|