2012-10-06 93 views
0

嗨,浮動問題 - 並排div divs

我想兩個在同一級別有兩個綠色箭頭。現在右箭頭顯示爲低於左箭頭;我使用的(內嵌浮動):

<div class="span6" style="float: right; " > 

我也想有文字12345就在兩個箭頭的中心。

這裏是代碼:http://jsfiddle.net/8E9aB/2/ - 我使用bootstrap css。的

回答

2

可能重複:CSS: Placing divs left/center/right inside header

我有一個可能的解決方案更新您的jsfiddle:http://jsfiddle.net/8E9aB/3/

我的答案是基於:https://stackoverflow.com/a/11570931/700926這也解釋瞭解決方案相當不錯。

- UPDATE

當你正在使用Twitter的引導,另一種解決辦法可能是使用內置的網格系統來完成或多或少同樣的事情 - 看看這裏:http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

+0

你的解決方案是完美的,但不幸的是,當我做同樣的事情時,它不適用於我的本地計算機和文件。我確實使用Bootstrap –

+1

那麼,因爲解決方案似乎在您的jsFiddle提供的上下文中工作,我認爲如果您至少接受或支持我的答案將是公平的。我無法幫助你解決當前的問題,因爲在沒有上下文的情況下它是不可能複製的);但是,我建議你通過消除過程可以降低本地計算機上的代碼量,直到找出可能干擾提供的內容解決方案 - 顯然,這聽起來像你有一些代碼干擾給定的解決方案。 –

+0

以下是網格引導頁面的鏈接:http://getbootstrap.com/examples/grid/ –