Text innerhalb der Spanne an der Oberseite des Behälters ausrichten

Gibt es eine Möglichkeit, den Text an der SEHR GRENZE seiner Spanne zu beginnen?Text innerhalb der Spanne an der Oberseite des Behälters ausrichten

Hier sehen Sie aufgrund der Zeilenhöhe ein kleines "Padding". Gibt es eine Möglichkeit, es zu tun?

.name { 
 
    display: inline-block; 
 
    line-height: 1.25; 
 
    font-size: 45px; 
 
} 
 
.firstname { 
 
    display: block; 
 
    background: #FFAACC; 
 
    margin-bottom: 5px; 
 
}

<div> 
 
    <div class="ej ej1"> 
 
    <span class="name"> 
 
     <span class="firstname">Something Name</span> 
 
    <span class="username"> 
 
     @somthig-name 
 
     </span> 
 
    </span> 
 
    </div> 
 
</div>

Quelle

2017-02-14 Óscar

Nicht sicher, was Sie mit "kleines" Padding "aufgrund der Zeilenhöhe." Hier ist mein Blick auf das Puzzle.

body { 
 
    margin:0; 
 
    padding:0; 
 
} 
 
.name { 
 
    margin-top:-0.9rem; 
 
    display: inline-block; 
 
    line-height: 1.25; 
 
    font-size: 45px; 
 
} 
 
.firstname { 
 
    display: block; 
 
    background: #FFAACC; 
 
    margin-bottom: 5px; 
 
}

<div> 
 
     <div class="ej ej1"> 
 
     <span class="name"> 
 
      <span class="firstname">Something Name</span> 
 
     <span class="username"> 
 
      @somthig-name 
 
      </span> 
 
     </span> 
 
     </div> 
 
    </div>

Quelle

2017-02-14 02:41:08 GCL

Ich glaube, das Problem ist, dass <body> hat eine Marge von 8px ... versuchen diese

.name { 
 
    display: inline-block; 
 
    line-height: 1.25; 
 
    font-size: 45px; 
 
} 
 
.firstname { 
 
    display: block; 
 
    background: #FFAACC; 
 
    margin-bottom: 5px; 
 
}

<body style="margin:0px;"> 
 
<div> 
 
    <div class="ej ej1"> 
 
    <span class="name"> 
 
     <span class="firstname">Something Name</span> 
 
    <span class="username"> 
 
     @somthig-name 
 
     </span> 
 
    </span> 
 
    </div> 
 
</div> 
 
</body>

Quelle

2017-02-14 02:35:43 Inkdot

Otherwirse, wenn Sie über den Text sprachen sich, glaube ich, dass mit der Schrift zu tun hat, selbst, was Sie müsste eine Schriftart mit absolut keinem Leerzeichen oberhalb der Zeichen erstellen. – Inkdot

Haben Sie versucht, die Zeilenhöhe insgesamt zu entfernen? – Inkdot

Um das zu erreichen, was für Ihre fragen ist nur möglich, wenn Sie Zeilenhöhe manuell für jeden HTML-Tag ändern. Und das ist genau das, was man denn ich suchen denken so ..

.name { 
 
    display: inline-block; 
 
    line-height: 33px; 
 
    font-size: 45px; 
 
} 
 
.firstname { 
 
    display: block; 
 
    background: #FFAACC; 
 
    margin-bottom: 5px; 
 
    padding-bottom:10px; 
 
    margin-top:10px; 
 
}

<body style="margin:0px;"> 
 
<div> 
 
    <div class="ej ej1"> 
 
    <span class="name"> 
 
     <span class="firstname">Something Name</span> 
 
    <span class="username"> 
 
     @somthig-name 
 
     </span> 
 
    </span> 
 
    </div> 
 
</div> 
 
</body>

Quelle

2017-02-14 05:25:10 Sam

Text innerhalb der Spanne an der Oberseite des Behälters ausrichten

Antwort

Verwandte Themen