Куда нужно вставить тег style в готовый html-файл, если нет тега head?

Question

style:

<style>
    .indent {margin: 10px;}
    width_elem {width: 200px;}
</style>

html-файл:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org">
<?xml version="1.0" encoding="UTF-8"?>
<body>
<wicket:extend>
    <div>
        <div class="row">
            <div class="col-sm-10 form-inline indent">
                <label class="small">Лаборатория</label>
                <select class="form-control" wicket:id="testType"></select>
            </div>
            <div class="col-sm-6 form-inline indent">
                <label class="small">Упорядочить</label>
                <select class="form-control" wicket:id="sortOrder"></select>
            </div>
            <div class="col-sm-4 text-right indent">
                <button wicket:id="show" class="btn btn-primary">
                    <span class="glyphicon glyphicon-search"></span>&nbsp;Показать
                </button>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-16 form-inline indent">
                <label class="small">Тип исследования</label>
                <select class="form-control" wicket:id="testGroup"></select>
            </div>
            <div class="col-sm-6 form-inline indent">
                <label class="small">Пациент</label>
                <input type="text" class="form-control" wicket:id="patientName"/>
            </div>
        </div>
        <wicket:enclosure child="department">
        <div class="row">
            <div class="col-sm-14"><select class="form-control indent" wicket:id="institution"></select></div>
                <div class="col-sm-9 form-inline indent">
                    <label class="small">Отделение</label>
                    <select class="form-control" wicket:id="department"></select>
                </div>
        </div>
        </wicket:enclosure>
    </div>
</wicket:extend>
</body>
</html>

И ещё вопрос: как регулировать ширину select и input, если у них есть class="form-control"? Свойство width в таком случае не помогает.

Answer 1

Тег можно вставлять вообще в любое место документа. Хоть в конец. Нюанс будет в том, что стили считаются и применятся не раньше, чем тег <style> будет загружен. Не совсем правильно, но вполне рабоче.

Регулировать ширину select и input можно, если ничто не мешает. А нечисть типа bootstrap все портит. Попробуйте комбинацию min-width и min-height.

БЛОГ НА HUSL

Куда нужно вставить тег style в готовый html-файл, если нет тега head?

Ответы (1 шт):