2012-05-12 61 views
3

我用的藍圖的CSS框架和我有對下面的代碼在我screen.css文件現在藍圖的CSS框架:帕拉移動到右側

p {margin:0 0 1.5em;} 
.left {float:left !important;} 
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;} 
.right {float:right !important;} 
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;} 

,因爲上面的代碼(我猜)時我用對我的網站,我得到如下格式:

para One 
    para two 
    para three 

,而不是

para One 
para two 
para three 
莫非

你請告訴我如何解決這個問題。

感謝在你上面粘貼Link教程提前:)

+0

可以請你給你的代碼在jsfiddle.net – khurram

+1

THANKs khurram你的回覆。我在jsfiddle上粘貼了一些我的代碼,有趣的是它在那裏工作正常。可能是因爲我無法粘貼所有的代碼。但是,如果您看到使用Blueprint CSS框架實際構建的藍圖的官方演示模板(http://blueprintcss.org/tests/parts/sample.html),則會看到該問題也存在。 (請按Ctrl + U) –

+1

有可能*沒有問題,這是按預期工作的。在'screen.css'文件中有一個規則'p + p {text-indent:2em; }'這意味着......以及錯誤......縮進每個「p」,後面跟着另一個「p」。 – Jeroen

回答

1

screen.css文件包含創建這種效果的規則:

p + p { 
    text-indent: 2em; 
} 

這意味着每p以下另一p將2em的縮進。

如果您刪除該文件(或當然整個文件:D),則段落不會再縮進。

+0

非常感謝:) –

0

,還有在第二段使用的類,它是

.<div class="span-15 prepend-1 colborder"> 

剛從刪除類「在最前面-1」那個div,因爲裏面有填充。

.prepend-1 
{ 
padding-left:40px; 
} 

對不起英語不好!

+0

感謝您的回覆。我刪除了prepend-1,但它仍然無法工作,但是我已經通過刪除藍圖/插件/花式類型/ screen.css獲得了我想要的結果 –