2010-12-15 50 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