Erstellen Zeile nach text mit css
Im Versuch, um eine Linie nach jeder meiner h2-tags. Ich kann nicht herausfinden, wie soll ich sagen, die Breite, denn die Länge des h2-headlines unterscheiden sich von h2 zu h2.
Benutze ich das :after-Methode zum erstellen von Linien
h2:after {
position: absolute;
content: "";
height: 2px;
background-color: #242424;
width: 50%;
margin-left: 15px;
top: 50%;
}
Check code hier: http://jsfiddle.net/s9gHf/
Wie Sie sehen können, eine Zeile zu weit, und machen die Webseite zu breit.
wie über Sie, entfernen Sie die
background-color
, width
, top
und geben Sie in content
die line so lange wie Sie wollen zu verwenden, Unterstrich __
jsfiddle.net/3dj8m , oder wollen Sie die Breite, um zu reagieren auf der Grundlage der h2-element Breite ?InformationsquelleAutor user3026212 | 2014-01-05
Du musst angemeldet sein, um einen Kommentar abzugeben.
Könnte man erreichen, das mit einem extra
<span>
:HTML
CSS
http://jsfiddle.net/myajouri/pkm5r/
Andere Lösung ohne das extra
<span>
erfordert aber einenoverflow: hidden
auf die<h2>
:http://jsfiddle.net/myajouri/h2JRj/
Große Lösungen +1
InformationsquelleAutor
Verwendung von flexbox:
html:
InformationsquelleAutor
Hier ist ein weiteres, meiner Meinung nach auch einfachere Lösung ist die Verwendung einer flex-wrapper:
HTML:
CSS:
JSFiddle
InformationsquelleAutor
Hier ist, wie ich dies:
http://jsfiddle.net/Zz7Wq/2/
Ich benutze einen hintergrund, anstatt nach und meine H1 oder H2 zu decken hintergrund. Nicht ganz deine oben genannte Methode, aber funktioniert gut für mich.
CSS
HTML
Ich schaute auf die Website, und Sie haben einige schlechte html gibt, um die Zeile bis 199 DM-200. Sie haben ein open-Stil=". Auch können Sie nach dem code / wie du integriert?
InformationsquelleAutor