Заполнение не работает в горизонтальной строке css html
Ответы 3
Заполнение не работает в hr.
Вместо этого вы должны использовать margin:
hr {
margin-left: 200px;
}
И это сработает.
@ user19136007, пожалуйста, примите мой ответ, если вы считаете его правильным. Это галочка в моем ответе.
Хорошо, я сделаю это
Прокладка работает на час. Но браузер не может отображать его должным образом, пока вы не измените ширину вашего hr. Кроме того, отступы и поля - это две разные вещи. Op хочет добавить отступ, а не поле.
@VishalKalansooriya, он также никогда не говорил, что хочет изменить ширину, поэтому маржа кажется лучшим способом
@Cédric Он сказал, что «я хочу добавить отступы в свой час», а не поля. Это две разные вещи
@VishalKalansooriya Да, действительно, но иногда вы хотите добиться чего-то определенным образом, но это не так, как вы должны. Если ему по какой-то причине абсолютно необходимо заполнение, вы ответите, что это лучший ответ, но если ему нужен пробел слева, ответ Python будет лучшим (потому что он не устанавливает ширину). оба ваших ответа полезны. Судя по тому, как он спросил, мое предположение — это marginкажется лучшее решение.
@Cédric Моя проблема в этом. «Заполнение не работает в часах». Также, если он не знает о ширине hr, он может просто установить ее через width: calc(100% - размер отступа) или что-то в этом роде
Прежде чем добавлять отступы, вам нужно установить ширину для вашего hr, иначе он будет отображаться в полную ширину.
hr:first-of-type{
width: 100px;
padding-left: 10px;
}
hr:last-of-type{
width: 100px;
padding-left: 50px;
}<hr>
<hr>Спасибо и всего наилучшего!
HR немного отличается от большинства HTML-тегов своим определенным поведением, поскольку он пытается заполнить всю ширину содержащего его элемента.
Единственный известный мне способ остановить его расширение за любые поля - это явно установить атрибут ширина.
hr {
width: 90%;
padding-left: 200px;
}
Даже в этом случае кажется, что отступ игнорируется, поэтому вместо этого вы должны использовать отступ:
hr {
width: 90%;
margin-left: 200px;
}
Все равно как-то сумбурно и неточно. Если линейчатая линия должна быть на одной линии с каким-либо другим элементом, вам, вероятно, лучше убедиться, что они находятся в одном и том же DIV, чтобы линейчатая линия могла начинаться с левого края div.
Хорошо, спасибо за быстрый ответ