Einstellen: Center-Legende

wie viele Male gefragt, bevor (aber nie wirklich beantwortet) ich möchte Mitte eine Legende in einem fieldset.

Der trick war perfekt gemacht hier, die ich auch gekauft für mein Projekt: http://themeforest.net/item/aloma-liquid-mobile-template/full_screen_preview/5819068

den code aus der css-liest sich wie das

fieldset {
      display: block;
      margin: 20px 1%;
      margin-bottom: 20px;
      padding: 0 auto;
      padding: 15px 0;
      border: 0;
      border-top: 1px solid #DDD;
      width: 98%;
}

legend {
     display: table; 
     min-width: 0px;
     max-width: 70%;
     position: relative;
     margin: auto;
     padding: 5px 20px;
     color: #eee8aa;
     font-size: 20px;
     text-align: center;
}

Aber wenn ich versuche, es zu wiederholen auf einer anderen Seite in meinem Projekt, in dem nicht das Thema, ich nicht. Bin ich etwas fehlt in dem code oben?

  • Ich glaube nicht, dass legenddisplay ist ein echtes CSS-Eigenschaft, sondern testen Sie Ihren code in eine Geige gut funktioniert: jsfiddle.net/2X4b6 so muss es etwas anderes in deinem code, die Ihre legend
  • dann sind Sie mit chrome oder safari? Da das fiddle funktioniert nicht im firefox, jedoch die verlinkten Thema funktioniert in firefox
  • true legenddisplay ist Unsinn... korrigiert es hier: jsfiddle.net/2X4b6/1
  • Dies ist jedoch nicht richtig, HTML5.
InformationsquelleAutor philkunz | 2014-04-30
  1. 14

    Das theme verwendet den code <legend align="center"> welche Updates das Firefox-Problem:

    http://jsfiddle.net/ncv8H/

    <legend align="center">legend</legend>
    InformationsquelleAutor Ming
  2. 6

    In HTML 5, die Legende align-Attribut wurde abgeschrieben, so hier ist, wie ich es Tat.

    Beachten Sie, dass die Bootstrap-4 (weiß nicht 3) vollständig verbirgt sich ein Feld Grenze und setzt die Legende der Breite zu 100%. Also zusätzlich zu der Breite:auto, Sie würden auch die Verwendung von css, um das fieldset Grenze, wenn Sie es wollen angezeigt.

    legend {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

    für

    <legend>Legend</legend>
    • Aus meinen Beobachtungen die Regel: margin: 0 auto; (ohne Breite) ist genug.
    InformationsquelleAutor Bindrid
Schreibe einen Kommentar