2012-02-15 88 views
1

我附上了一個我試圖用html/css實現的例子(如果你看不到它的圖像:名字和姓氏,那麼第二行是作業描述)。我希望所有文本(兩行)在div內被強制對齊(左和右),但我不確定是否可行。我嘗試了一些沒有成功的事情。我寧願不使用圖像,所以任何想法將不勝感激。標題/標題

+0

請在jsfiddle.net上發帖並給我們網址 – 2012-02-15 22:15:27

+0

對於初學者來說,AFAIK H7和H8根本不存在。 從這個公寓,你打算將這些樣式應用於你的網站的幾件事情,或將只爲(或更多的人)? – Cmorales 2012-02-15 22:40:08

+0

它只爲標題 – gman 2012-02-15 22:49:43

回答

0

使用text-align-last: justify

.justified { 
    text-align: justify; 
    text-align-last: justify; 
} 
.justified:after { 
    content: "."; 
    display: inline-block; 
    width: 100%; 
    height: 0; 
    visibility: hidden; 
} 

http://jsfiddle.net/gilly3/En4wt/

source

+0

在div中試過但沒有成功 – gman 2012-02-15 22:26:36

+0

此外,單詞「web guru」沒有道理,它看起來與你的例子左對齊? – gman 2012-02-15 22:29:49

+0

@GavinWynne - 哎呀,我錯過了一部分。更新。 – gilly3 2012-02-15 22:34:13

1

瀏覽器一般是滿的理由做了垃圾的工作。如果你是一家設計公司,用它來宣傳你自己,我會避免它。

此外,它只適用於段落的文字,而不是單行。

您可以嘗試調整CSS字母間距以獲得您要查找的效果。

+0

好酷,我正在考慮手動更改間距,但不確定每個瀏覽器如何處理它?只是想我可以強制的理由,而不是 – gman 2012-02-15 22:37:23

0

由於您只想設置標題的樣式,因此可以爲其創建特定的樣式。嘗試結合字體大小和字母間距,直到獲得想要達到的效果。

文本對齊:有理由是爲了不同的目的,它是用於段落(或長文本塊)。如果您沒有足夠的文字來達到該行的末尾,則不起作用。

+0

謝謝,決定改變設計 – gman 2012-02-19 14:04:46