CSS проблема для выравнивания прямоугольника по горизонтали
У меня есть некоторые проблемы с CSS на странице asp Sage CRM. Некоторые выравнивания не совпадают.
Я создаю 4 блока и четыре таблицы с четырьмя различными функциями. Каждый блок покажет общий баланс. Теперь эти четыре блока находятся в вертикальном положении, как
блок 1
Таблица 1;
block2
Таблица 2; и так далее...
Каждый блок является div. Теперь я хочу, чтобы все блоки в горизонтальном положении были в одной строке, например:
блок 1 блок 2 блок3 блок4
Проблема заключается в том, что эти свойства (выравнивание прямоугольников) меняются для разных людей в мудреце. Для одного человека этот код будет совпадать, и все четыре поля находятся в одной строке, для второго - некоторые поля ниже, для третьего - я не могу найти один из блоков.
Мой стиль CSS для четырех функций, как показано ниже:
Как связать div в четырех разных функциях в asp sage
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">'
}
2 ответа
Можете ли вы попробовать добавить
display:inline-block
каждому из дивов?
Попробуй это:
.bx{clear: none; float: left;}
Это выровняет все div по левому краю, заставляя их появляться в одной строке!
И поместите px/em в высоту:)