模板:Rail line box/styles.css：修订间差异

2025年12月16日 (二) 18:12的版本

.template-routemark {
  display: flex;
  max-width: max-content;

  border-radius: 0.25em;

  background-color: white;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.template-routemark.inline {
  display: inline-flex;
}

.template-routemark > * {
  padding: 0 0.25em;
}

.template-routemark > *:first-child {
  border-radius: 0.25em 0 0 0.25em;
}
.template-routemark > *:last-child {
  border-radius: 0 0.25em 0.25em 0;
}

.template-routemark-system,
.template-routemark-line {
  font-weight: bold;
}

@@ 第8行： / 第8行： @@
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
 }
-/* 修改这里：将 inline-flex 改为更兼容的 inline-block 方案 */
 .template-routemark.inline {
-   display: inline-block !important;
+   display: inline-flex;
-  white-space: nowrap;
-}
-/* 添加：确保 inline 模式的子元素也是行内显示 */
-.template-routemark.inline > * {
-  display: inline-block !important;
-  vertical-align: middle;
-}
-/* 特别针对表格的修复 */
-table .template-routemark.inline {
-  display: inline-block !important;
-  max-width: none !important;
-}
-table .template-routemark.inline > * {
-  display: inline-block !important;
-  float: none !important;
 }