如何在页面中间放置html代码

问题描述 投票:0回答:3

我想学习学校项目的 html 代码,我不知道如何在页面中间(水平)放置字母*以使其更美观。我是编码新手,所以请尽量使其简单。预先感谢!

html center
3个回答
0
投票

要将文本置于屏幕中央(仅使用 HTML),您只需使用“text-align:center;”创建一个段落即可。您的 HTML 代码将是:

<p style="text-align:center;">Your text on the center of your screen</p>

可以在此处找到示例:https://jsfiddle.net/wbf600pk/ 这是您要找的吗?


0
投票

这是如何使文本垂直和水平居中的示例;

html, body, .container {
    height: 100%;
}
.container {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
}
<div class="container"> <p>Text in the center</p>

</div>


0
投票

如何使用 HTML 将按钮放在页面中央?

© www.soinside.com 2019 - 2024. All rights reserved.