2010-12-15 48 views
2

我想製作一個視覺效果,其中一段文本可以左右,中心調整,但是對齊的起點因行數而異幾個像素。這對小段落很有效,並且會提供一個單調的休息時間。對齊的變化?

除了我不知道如何實現這個...

+0

你可以使用jQuery嗎?你可以強制換行的地方應該是? (然後很容易,動態地做這件事很難 - 看看會發生什麼) – 2010-12-15 02:40:16

回答

2

還有就是我跨越了很長時間背使用了一堆加上「對角線邊界」的把戲創造一個整潔的浮動的DIV來了一個excellent CSS demo效果 - 我相信你正在尋找類似的東西。

如果您只需要對齊,只需簡單的DIV即可 - 浮動並左右清除它們並給予它們不同的寬度,並且它們將使文本在它們周圍流動。例如:

.spacer { 
    float: left; 
    clear: left; 
    height: 1em; 
    /* vary the width using inline styles */ 
} 

對角線邊框通過使用不同顏色將背景與背景分隔開,從而增加了效果。

+0

+1:用於鏈接一個令人印象深刻的演示 – wallyk 2010-12-15 03:25:42