打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

模板:Navbox/styles.css:修订间差异

来自陋室
删除的内容 添加的内容
XP-jia留言 | 贡献
撤销XP-jia讨论)的修订版本489
标签撤销
XP-jia留言 | 贡献
测试样式
第9行: 第9行:
margin: 2px auto; /* 让 .navbox 在页面上水平居中,并减少四周的间距 */
margin: 2px auto; /* 让 .navbox 在页面上水平居中,并减少四周的间距 */
max-width: 800px; /* 限制最大宽度,避免过宽 */
max-width: 800px; /* 限制最大宽度,避免过宽 */
display: table; /* .navbox 作为表格容器,使其水平居中 */
display: flex; /* 使用 flexbox 代替 table 布局 */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}
}


第17行: 第19行:
text-align: center; /* 水平居中 */
text-align: center; /* 水平居中 */
vertical-align: middle; /* 垂直居中 */
vertical-align: middle; /* 垂直居中 */
padding: 4px; /* 适当调整单元格内边距 */
padding: 2px; /* 减小单元格内边距 */
}
}


第24行: 第26行:
margin: 2px 0; /* 减小水平分割线的上下间距 */
margin: 2px 0; /* 减小水平分割线的上下间距 */
border: none;
border: none;
border-top: 1px solid #ddd; /* 分割线 */
border-top: 1px solid #ccc; /* 稍微加深分割线颜色 */
}
}


第33行: 第35行:
.infobox {
.infobox {
max-width: 300px; /* 设置信息框的最大宽度 */
max-width: 300px; /* 设置信息框的最大宽度 */
width: 100%; /* 允许其在容器内自适应 */
}
}


第38行: 第41行:
.infobox td:first-child,
.infobox td:first-child,
.infobox th:first-child {
.infobox th:first-child {
width: 10em; /* 设定大约等于 5 个汉字的宽度 */
width: 12em; /* 增加第一列宽度 */
min-width: 10em; /* 确保不会缩小 */
min-width: 12em; /* 确保不会缩小 */
}
}