#html #css
Вопрос:
Я разрабатываю одну страницу только с использованием html и css, мое требование состоит в том ,что я хочу переместить содержимое в центр слева, и я хочу добавить немного полей сверху, но это не отражается, пожалуйста, помогите мне достичь этой цели
lt;hrgt; lt;i class="footer"gt; Thanks for visitinglt;/igt; lt;stylegt; .btm-content{ height: 150px; width:100%; color: black; opacity: 1; font-size: larger; text-align:center; margin-top:20px; } lt;/stylegt; Комментарии:
1. вы устанавливаете нижний колонтитул класса в тег i, но в css вы определяете btm-контент…..
Ответ №1:
Вы можете использовать flex для выравнивания содержимого с любой стороны контейнера, в котором оно находится. В приведенном ниже коде показаны некоторые из различных способов создания стиля с помощью flexbox.
body{ display:flex; flex-wrap:wrap; } div{ width:100px; height:100px; margin:10px; background:#dadada; display:flex; } div:nth-of-type(1){ justify-content:center; align-items:center; } div:nth-of-type(2){ justify-content:flex-start; align-items:center; } div:nth-of-type(3){ justify-content:flex-end; align-items:center; } div:nth-of-type(4){ justify-content:center; align-items:flex-start; } div:nth-of-type(5){ justify-content:center; align-items:flex-end; } lt;divgt;1lt;/divgt; lt;divgt;2lt;/divgt; lt;divgt;3lt;/divgt; lt;divgt;4lt;/divgt; lt;divgt;5lt;/divgt; Ответ №2:
По умолчанию тег i находится во встроенном so…
.footer { display: block; text-align: center }