0

我在 Sage CRM 的 asp 页面中遇到了一些 CSS 问题。某些对齐方式不匹配。

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

第1块
表1；
块2
表2；等等...

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

块 1 块 2 块 3 块 4

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

我的四个函数的 div 样式 css 如下所示：

如何链接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">'   
    }
4

2 回答 2

0

尝试这个：

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

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

并将 px/em 放在高度 :)

于 2012-07-13T11:05:39.503 回答
0

你可以尝试添加

display:inline-block

到每个div？

于 2012-07-13T11:44:44.403 回答