Я создал title
, и я сделал width: 30%
, чтобы создать вокруг него коробку, но теперь она не центрирована. Я пробовал много разных вещей, чтобы сосредоточиться, но никто не работал. Я могу сосредоточить его, добавив left: 35%
. Но это не совсем по центру. Любые идеи о том, как я могу полностью сосредоточиться на моем title
, а width
не на 100%
?Как центрировать элемент, где ширина не равна 100%
0
A
ответ
0
Для этого вы можете использовать набор левого и правого полей для автоматического.
margin: 0 auto;
h1{
\t width: 30%;
\t border: 2px solid black;
\t margin: 0 auto;
}
<h1>Title</h1>
+0
Это сработало, спасибо! –
0
body{
margin : 0; /* for cross browsers */
padding : 0; /* for cross browsers */
}
div{
text-align : center; /* text alignment */
width : 30%;
margin : auto; /* block alignment center */
}
<div>
<label>Title</label>
</div>
Смежные вопросы
- 1. Как центрировать выравнивание div, даже ширина равна 100%
- 2. Ползунок неправильно работает, когда ширина равна 100%
- 3. Android: ширина 160dp равна 100% ширины экрана?
- 4. CSS ... когда делает 100% не равна 100%
- 5. Как разместить два divs бок о бок, где вторая ширина равна 100%?
- 6. Как скрыть вложенный элемент, когда ширина родителей равна 0?
- 7. заголовка не соответствующая ширина 100%
- 8. расширение/анимация div от центра, когда ширина равна 100%
- 9. ширина 100% вырезать элемент при прокрутке
- 10. 100% ширина расширяет прошлый родительский элемент
- 11. ширина подходит 100% не работает
- 12. ширина <h*> элемент постоянно 100%
- 13. Ширина нижнего колонтитула/навигация при 100% не равна ширине заголовка/контейнера при 100%
- 14. ширина равна динамической высоте квадрата
- 15. SequenceJS - Ширина шага не 100%
- 16. Как выбрать элемент, где непрозрачность атрибута равна 1 с jQuery
- 17. Bootstrap 100% ширина/Полная ширина
- 18. Как центрировать этот элемент?
- 19. 100% высота или 100% ширина
- 20. Как центрировать этот элемент span?
- 21. 100% ширина жидкости «авто ширина» родителя
- 22. опускающаяся ширина% позволяет центрировать форму?
- 23. Список - Ширина всегда 100%
- 24. 100% широкий элемент не растягивается больше, чем ширина области просмотра
- 25. CSS IE 7 блочный элемент не 100% ширина
- 26. Ширина 100%, центр не работает
- 27. Фоновое изображение не 100% ширина
- 28. CSS ширина 100% не работает
- 29. Фоновая ширина не отображается 100%
- 30. Ширина не установлена на 100%
Пожалуйста, покажите нам, что вы пробовали до сих пор. –
Добавьте html-код (возможно, CSS также) – RaisingAgent