не могу сделать элементы div, чтобы взять их полную длину - PullRequest
Новая
       11

не могу сделать элементы div, чтобы взять их полную длину

0 голосов
/ 14 октября 2019

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

это изображение для желаемого вывода enter image description here

я не знаю, почему элементы div идут влево, а входной текст не занимает всю длину div, я также пытаюсь добавить пробел между текстом и значком шестеренки оранжевых кнопок

и это мой код: 

<af:dialog contentWidth="400" type="none" id="aaa" modal="true">
    <div class="row">
        <div class="col-md-8 sm-b-b">
            <div class="sm-padding-5">
                <af:inputText inlineStyle="display: inline-block;width:100%" value="sohoooooooooooooooooo"
                              simple="true" id="it1"/>
            </div>
        </div>
        <div class="col-md-4 sm-b-b">
            <div class="sm-padding-5">
                <af:button inlineStyle="display: inline-block;width:100%" text="Search" id="b1"></af:button>
            </div>
        </div>
    </div>
    <af:forEach var="node" items="#{bindings.ViewObj11.collectionModel}">
        <div class="row">
            <div class="col-md-12 sm-b-b">
                <div class="sm-padding-5">
                    <af:link text="#{bindings.Value1.inputValue}" styleClass="btn btn-primary white" id="ot1">
                        <span aria-hidden="true" class="fa fa-gear"></span>
                    </af:link>
                </div>
            </div>
        </div>
    </af:forEach>

1 Ответ

0 голосов
/ 14 октября 2019

Попробуйте этот стиль в своей таблице стилей 

 .sm-b-b{
   margin: 0 auto;
   text-align: center;
   width: 100%;
 }
...