Можно ли центрировать div с неопределенной шириной, которая содержит два плавающих div, также с неопределенной шириной - PullRequest
Новая
       5

Можно ли центрировать div с неопределенной шириной, которая содержит два плавающих div, также с неопределенной шириной

0 голосов
/ 12 апреля 2011

Я пытаюсь расположить два элемента рядом друг с другом внутри элемента div или другого элемента, поэтому оба элемента всегда центрированы на странице.

Вот подвох ... Я не могу использовать фиксированную ширину, она динамически генерируется javascript. Казалось бы, прочитав другие посты, это невозможно без фиксированной ширины, но я хотел посмотреть, есть ли у кого-нибудь другие идеи для достижения того же результата.

HTML: 

<body>
    <div class="centerdiv">
        <div class = float1></div>
        <div class = float2></div>
    </div>
</body>

CSS: 

body {text-align: center; width: 100%;}
.centerdiv {margin: 0 auto;width: 100%}
div.float1 {float:left; display:inline;}
div.float2 {float:left; display:inline;}

1 Ответ

0 голосов
/ 12 апреля 2011

Вы можете использовать следующий код для центрирования div рядом. 

<html>
<head>
    <style type="text/css">
    body {text-align: center; width: 100%;}
    .centerdiv {margin: 0 auto;width: 100%;margin-left:40%;}

    .float1{border:1px solid black;width:10%;float:left;}
    </style>
    </head>

<body>
    <div class="centerdiv">
        <div class = float1>Hello</div>
        <div class = float1>Hai</div>
    </div>
</body>
</html>

Надеюсь, это поможет !!!!!!

...