查看“︁模板:Infobox”︁的源代码

<style>
/* =================================================================== */
/* Self-Contained Div-Based Infobox (Highest Priority)                 */
/* All styles are embedded directly in the template.                   */
/* =================================================================== */

/* --- 1. Main Container --- */
.infobox-div-scoped {
  float: right;
  width: 300px;
  margin: 0.5em 0 1em 1.5em;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  font-size: 90%;
  line-height: 1.6;
  overflow: hidden;
  /* Final attempt to override stretching */
  align-self: start !important; 
  height: auto !important;
  min-height: 0 !important;
}

/* --- 2. Header --- */
.infobox-div-scoped .infobox-div-header {
  background-color: #495057;
  color: #ffffff;
  font-size: 1.25em;
  font-weight: 600;
  padding: 0.8em 1em;
  text-align: center;
}

/* --- 3. Image Area --- */
.infobox-div-scoped .infobox-div-image {
  padding: 1em;
  text-align: center;
  border-bottom: 1px solid #dee2e6;
}
.infobox-div-scoped .infobox-div-image img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  display: block;
}
.infobox-div-scoped .infobox-div-caption {
  margin-top: 0.75em;
  font-size: 0.95em;
  color: #6c757d;
  line-height: 1.4;
}

/* --- 4. Data Row Layout --- */
.infobox-div-scoped .infobox-div-row {
  display: flex;
  border-top: 1px solid #dee2e6;
}
.infobox-div-scoped .infobox-div-image + .infobox-div-row,
.infobox-div-scoped .infobox-div-header + .infobox-div-row {
  border-top: none;
}

/* --- 5. Label and Data Cells --- */
.infobox-div-scoped .infobox-div-label,
.infobox-div-scoped .infobox-div-data {
  padding: 0.7em 1em;
  vertical-align: top;
}
.infobox-div-scoped .infobox-div-label {
  width: 35%;
  font-weight: 600;
  color: #495057;
  white-space: nowrap;
}
.infobox-div-scoped .infobox-div-data {
  width: 65%;
  color: #212529;
}

/* --- 6. Footer --- */
.infobox-div-scoped .infobox-div-footer {
  background-color: #fff3cd;
  color: #856404;
  text-align: center;
  padding: 0.7em;
  font-size: 0.9em;
  border-top: 1px solid #dee2e6;
}

/* --- 7. Responsive for Mobile --- */
@media (max-width: 720px) {
  .infobox-div-scoped {
    float: none;
    width: 100%;
    margin: 1.5em 0;
  }
}
</style><div class="infobox-div-scoped infobox">
  {{#if: {{{Box title|}}}|
    <div class="infobox-div-header">{{{Box title}}}</div>
  }}
  
  {{#if: {{{image|}}}|
    <div class="infobox-div-image">
      [[File:{{{image}}}|{{{imagewidth|250}}}px]]
      {{#if: {{{caption|}}}|
        <div class="infobox-div-caption">{{{caption}}}</div>
      }}
    </div>
  }}

  <!-- Row 1 -->
  {{#if: {{{Row 1 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 1 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 1 info|}}}</div>
    </div>
  }}

  <!-- Row 2 -->
  {{#if: {{{Row 2 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 2 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 2 info|}}}</div>
    </div>
  }}

  <!-- Row 3 -->
  {{#if: {{{Row 3 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 3 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 3 info|}}}</div>
    </div>
  }}

  <!-- Row 4 -->
  {{#if: {{{Row 4 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 4 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 4 info|}}}</div>
    </div>
  }}

  <!-- Row 5 -->
  {{#if: {{{Row 5 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 5 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 5 info|}}}</div>
    </div>
  }}

  <!-- Row 6 -->
  {{#if: {{{Row 6 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 6 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 6 info|}}}</div>
    </div>
  }}

  <!-- Row 7 -->
  {{#if: {{{Row 7 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 7 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 7 info|}}}</div>
    </div>
  }}

  <!-- Row 8 -->
  {{#if: {{{Row 8 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 8 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 8 info|}}}</div>
    </div>
  }}

  <!-- Row 9 -->
  {{#if: {{{Row 9 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 9 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 9 info|}}}</div>
    </div>
  }}

  <!-- Row 10 -->
  {{#if: {{{Row 10 title|}}}|
    <div class="infobox-div-row">
      <div class="infobox-div-label">'''{{{Row 10 title}}}'''</div>
      <div class="infobox-div-data">{{{Row 10 info|}}}</div>
    </div>
  }}

  <!-- Too many parameters warning -->
  {{#if: {{{Row 11 title|}}}|
    <div class="infobox-div-footer">'''参数过多'''</div>
  }}
</div>