水平对齐框的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问题

回答

相关问题