как позиционировать <fieldset> бирка?

-2

Я хочу поставить fieldset на Центр.как позиционировать <fieldset> бирка?

код Html:

<html> 
<head> 
    <style> 
    body { 
     background-color: #f42b68; 
     width: 100%; 
    } 
    fieldset { 
     height: 50%; 
     width: 80%; 
     background: #ffffff; 
    } 
    </style> 
</head> 
<body> 
    <center> 
    <fieldset> 
     <form> 
     <input type="text" placeholder="txt"> 
     </form> 
    </fieldset> 
    </center> 
</body> 
</html>

Есть ли возможный способ сделать это, кроме использования centerтега?

источник

2017-01-26 stodgy.nerd

FIELDSET, предполагают, чтобы быть ребенком формы, а не наоборот :) –

Вы должны предназначаться сам input, а не fieldset, как input имеет text-align: start по умолчанию. Что вы ищете является:

fieldset input { 
    text-align: center; 
}

Для выравнивания fieldet сам, он ведет себя немного по-другому, так как это блочный элемент, а не текст. Чтобы выровнять элемент блока по центру, вам необходимо указать его margin: auto. Это также может быть использован с изображениями (или любого другого элемента) путем явного определения их в качестве элемента блока с display: block:

fieldset { 
    margin: auto; 
}

Имейте в виду, что margin: auto заявляет, что все четыре поля должны иметь автоматические смещения (централизованные). Это включает верхний и нижний поля. Вы можете выровнять левое и правое поля со стенографией margin: 0 auto.

Обновленного код:

body { 
 
    background-color: #f42b68; 
 
    width: 100%; 
 
} 
 
fieldset { 
 
    height: 50%; 
 
    width: 80%; 
 
    background: #ffffff; 
 
    margin: auto; 
 
    text-align: center; 
 
} 
 
fieldset input { 
 
    text-align: center; 
 
}

<body> 
 
    <fieldset> 
 
    <form> 
 
     <input type="text" placeholder="txt"> 
 
    </form> 
 
    </fieldset> 
 
</body>

Надеются, что это помогает!

источник

2017-01-26 22:10:48

Вы забываете удалить теги '

' из html. –

См., Я положил

тег. Я прошу, чтобы без использования я могу разместить полевой набор в центре, а не содержимое поля. –

Тег '

' в HTML абсолютно ничего не делает. Он не будет выравнивать контент с центром и не будет разбивать любую существующую логику, включив его. Это бесполезно, поэтому я обновил свой код, чтобы удалить его :) –

Просто добавьте text-align и margin вам fieldset. Это даст те же результаты, что и ваш код без тега <center>.

body 
 
{ 
 
    background-color: #f42b68; 
 
    width: 100%; 
 
} 
 
fieldset 
 
{ 
 
    height: 50%; 
 
    width: 80%; 
 
    background: #ffffff; 
 
    text-align:center; 
 
    margin:auto; 
 
}

<body> 
 

 
<fieldset> 
 
    <form> 
 
    <input type="text" placeholder="txt"> 
 
    </form> 
 
</fieldset> 
 

 
</body>

источник

2017-01-26 22:10:44

Я не прошу за содержание

, я написал

под выровнять Fieldset по центру, но я хочу знать, я могу это сделать без используя tag –

Извините, я пропустил строку в коде. Проверьте это. –

как позиционировать <fieldset> бирка?

ответ

Смежные вопросы