Перенос DIV к контенту переносится только тогда, когда контент находится в одной строке

0

Я пытаюсь обернуть несколько fieldsets пределах окружающего div. Div обертывает ОК, когда браузер достаточно велик, чтобы соответствовать всем fieldsets в одной строке, но когда они переходят к следующей строке, граница div привязывается к правому краю окна браузера (Chrome). Как я могу преодолеть это без использования настроек ширины или использования JS?

HTML

 <div id="wrapper" class="display-inline-block">
        <fieldset id="f1" class="display-inline-block">
            <legend>F1</legend>
            <p>Lorem ipsum dolor sit amet</p>
        </fieldset>
        <fieldset id="f2" class="display-inline-block">
            <legend>F2</legend>
            <p>Lorem ipsum dolor sit amet</p>
        </fieldset>
    </div

CSS

 #wrapper
    {
        margin: 10px;
        padding: 10px;
        border: 1px solid red;
    }
    .display-inline-block
    { 
        display:-moz-inline-stack;
        display:inline-block;
        zoom: 1;
        *display: inline;
        vertical-align: top;
    }
Теги:

1 ответ

0

Посмотрел на это в течение последних 5 минут и не выглядит так, как это возможно с чистым CSS, кроме, возможно, медиа-запроса.

  • 0
    Это не ответ, пожалуйста, сделайте это как комментарий. Если у вас нет прав, просто будьте терпеливы
  • 0
    Нет разрешений Я понимаю, что это не был ответ, но, видя, как я потратил некоторое время, пытаясь помочь вам, я подумал, что вы могли бы оценить некоторые отзывы ... так что извините за то, что не терпел

Ещё вопросы

Сообщество Overcoder
Наверх
Меню