水平對齊框的CSS問題

我在Sage CRM的asp頁面中遇到了一些CSS問題。一些路線不匹配。水平對齊框的CSS問題

我使用四種不同的功能創建4個模塊和四個表格。每個模塊將顯示總餘額。現在這四個塊位於垂直位置

塊1
表1;
block2
table2;依此類推...

每塊是一個div。現在我想在水平位置的所有塊是在一條線，如：

塊1塊2塊3塊4

的問題是這些屬性（框的對準）正在改變在鼠尾草的不同的人。對於一個人來說，這個代碼將會匹配，並且所有四個盒子都在同一行，對於第二個人有些盒子在下面，對於第三個人我找不到一個盒子。

我的div風格的CSS四個功能是象下面這樣：

如何這是在四種不同的功能在聖人的ASP的div鏈接

function fn_main() 
    { 
    + '<DIV div CLASS="bx" style="width: 15%;height: 67; overflow-n: scroll; scrollbar-arrow-color: blue; scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color:# 
    888888">' 
    } 

    function fn_1() 
    { 
    + '<DIV div CLASS="bx" style="width: 20%; height: 67;margin:-225px 0 0 225px;position: absolute;overflow: hidden;scrollbar-arrow-color: blue; scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color:#888888">'    
    } 

    function fn_2() 
    { 
    + '<DIV div CLASS="bx" style="width: 22%; height: 67;margin:-380px 0 0 470px;position: absolute;overflow: hidden; scrollbar-arrow-color: blue; scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color:#888888">' 
    } 

    function fn_3() 
    { 
    + '<DIV div CLASS="bx" style="width: 25%; height: 67;margin:-425px 0 0 625px;position: absolute;overflow: hidden;scrollbar-arrow-color: blue; scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color:#888888">' 
    }

來源

2012-07-13 jeni

試試這個：

.bx{clear: none; float: left;}

這會將所有div對齊到左側，使它們出現在同一行中！

並把PX/EM在高度:)

來源

2012-07-13 11:05:39

不，我不能得到結果 – jeni 2012-07-13 11:59:18

你可以嘗試添加

display:inline-block

到每一個的div？

來源

2012-07-13 11:44:44 AdityaSaxena

我試過，但它不工作，我無法找到我的最後一個div框在一些頁面 – jeni 2012-07-13 11:55:23

我的意思是嘗試刪除位置：絕對，然後添加顯示：內聯塊。如果它不起作用，我們會嘗試別的。 – AdityaSaxena 2012-07-15 14:56:26

水平對齊框的CSS問題

回答

相關問題