Begründen einzelne Textzeilen nicht funktionieren

I einzeiligen Text Begründen müssen und ich hatte dieses Problem in Vergangenheit und gelöst es mit Hilfe der Lösung auf Stack Overflow WebsiteBegründen einzelne Textzeilen nicht funktionieren

I can't justify single line text using CSS in asp.net

Jetzt muß ich tun eine ähnliche Sache, die nicht funktioniert, habe ich den Code auf Fiddle gestellt habe ich selbst die oben genannte Lösung versucht dies funktioniert auch nicht.

Vielleicht mache ich einen Fehler, der für mich nicht spürbar ist. Ich bin ein Entwickler von Beruf, sondern muß Design Job zu tun und zu aktuellen Projekten

Fiddler Link-http://jsfiddle.net/pp9hb/2/

Dieses für einen ASP.Net Website-Entwickler ist mit Web-Formular & C#.

LÖSUNG: Unten CSS funktioniert für mich. Es wird jetzt Text in allen Browsern Begründen

.Top10ArticleHeading 
{ 
    text-align:Justify; 
    font-size:11px; 
    font-family:Tahoma, Geneva, sans-serif; 
    height:16px; 
    color:black; 
    padding-top:2px; 
    text-decoration:none; 
    width:160px; 
} 
.Top10ArticleHeading:after 
{ 
    content: ""; 
    display: inline-block; 
    width: 100%; 
}

Quelle

2012-04-05 Learning

was genau möchten Sie in Ihrem Beispiel erreichen? –

@Clark: Ich Fehler Ich brauche Zeile Text zu rechtfertigen ... which ist eigentlich der Text neben jeder Zahl wie in Beispiel – Learning

Um ehrlich zu sein .. das sollte eine Tabelle sein, nicht eine massive Menge divs. – Kyle

LÖSUNG: Unter CSS ist für mich arbeiten. Es ist jetzt Justifying Text in allen Browsern

.Top10ArticleHeading 
{ 
    text-align:Justify; 
    font-size:11px; 
    font-family:Tahoma, Geneva, sans-serif; 
    height:16px; 
    color:black; 
    padding-top:2px; 
    text-decoration:none; 
    width:160px; 
} 
.Top10ArticleHeading:after 
{ 
    content: ""; 
    display: inline-block; 
    width: 100%; 
}

Quelle

2012-04-08 11:05:41 Learning

Hallo Sie den CSS-Stylesheet definieren wie diese

Css p, h1 {text-align: justify; text-align-last: justify;}

p:after, h1:after 
{content: "."; 
display: inline-block; 
width: 100%; 
height: 0; 
visibility: hidden;} 


h1 
{height: 1.1em; 
line-height: 1.1; 
background:green;}

HTML

<h1>This is heading </h1> 


<p>hello demo texthello demo texthello demo texthello demo texthello demo texthello demo texthello demo texthello demo texthello demo texthello demo texthello demo texthello demo texthello demo texthello demo text</p>

jetzt weitere Informationen zu diesem http://kristinlbradley.wordpress.com/2011/09/15/cross-browser-css-justify-last-line-paragraph-text/

Quelle

2012-04-05 08:48:16

Über allen Browsern habe ich vor diesem Problem – Learning

Begründen einzelne Textzeilen nicht funktionieren

Antwort

Verwandte Themen