Template:方剂条目/styles.css:修订间差异

删除的内容 添加的内容
// Edit via Wikiplus
// Edit via Wikiplus
第17行:
}
.fangji-card:hover {
box-shadow: 0 4px 18px rgba(0,0,0,0.09);
transform: translateY(-2px);
}
第35行:
}
.fangji-entry .fj-label {
padding: 0 2px 0 0;
margin-right: 8px; /* 固定标签与内容的横向空隙 */
width: 5em;
vertical-align: top;
white-space: nowrap;
}
/* 关键修复:span撑满单元格、1:flex垂直居中,文字右对齐,所有标签宽度统一在底色块上下居中 */
.fangji-entry .fj-label span {
display: blockflex;
align-items: center; /* 垂直居中核心 */
justify-content: flex-end; /* 文字靠右,色块统一宽度 */
width: 100%;
text-align: right;
padding: 4px 10px;
border-left: 3px solid #397c57;
第86行 ⟶ 第88行:
width: 100% !important;
}
/* 移动手机取消右对齐,文字恢复正常对齐 */
.fangji-entry .fj-label span {
textjustify-aligncontent: leftflex-start;
}
.fangji-entry .fj-label {
margin-right: 0;
margin-bottom: 4px;
}
第130行 ⟶ 第133行:
}
.fangji-entry .fj-label {
padding: 0 2px 0 0;
margin-right: 8px;
width: 5em;
vertical-align: top;
第136行 ⟶ 第140行:
}
.fangji-entry .fj-label span {
display: blockflex;
align-items: center;
justify-content: flex-end;
width: 100%;
text-align: right;
padding: 4px 10px;
border-left: 3px solid #366699;
第172行 ⟶ 第177行:
}
.fangji-entry .fj-label span {
textjustify-aligncontent: leftflex-start;
}
.fangji-entry .fj-label {
margin-right: 0;
margin-bottom: 4px;
}
第215行 ⟶ 第221行:
}
.fangji-entry .fj-label {
padding: 0 2px 0 0;
margin-right: 8px;
width: 5em;
vertical-align: top;
第221行 ⟶ 第228行:
}
.fangji-entry .fj-label span {
display: blockflex;
align-items: center;
justify-content: flex-end;
width: 100%;
text-align: right;
padding: 4px 10px;
border-left: 3px solid #a0683b;
第257行 ⟶ 第265行:
}
.fangji-entry .fj-label span {
textjustify-aligncontent: leftflex-start;
}
.fangji-entry .fj-label {
margin-right: 0;
margin-bottom: 4px;
}