Question

我在Sage CRM的asp页面中遇到了一些CSS问题。一些比对是不匹配的。

我正在创建4个块和4个具有4种不同功能的表。每个块将显示总余额。现在这四个块处于垂直位置

块1 表1;
块2
表2;等等...

每个块都是div。现在我希望所有处于水平位置的块都在一行中，如：

块1块2块3块4

问题是这些属性（盒子的对齐）正在为圣人中的不同人改变。对于一个人，这个代码将匹配，并且所有四个框都在同一行，对于第二个人，一些框在下面，对于第三个人，我找不到其中一个框。

我的四种功能的div风格css如下：

如何在asp of sage中链接四个不同功能的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">'   
    }

Answer 1

试试这个：

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

这会将所有div对齐到左边，使它们出现在同一行！

将px / em放在高处：）

Answer 2

您可以尝试添加

display:inline-block

每个div？

CSS问题是水平对齐框

2 个答案: