如何更改html文本的位置?

问题描述

我是Web开发的新手。 这是我的HTML代码

this.props.a

您可以在下面看到它的显示方式:

enter image description here

如何更改位置,字体和大小?当前显示左上角

解决方法

在Web开发中,每当您需要设置页面元素的样式时,都需要使用CSS。如果您想了解更多关于w3school的信息。

在这种情况下,我将向您展示如何应用内部样式,但是您也可以将CSS与外部样式或内联样式一起应用-请查看here对其进行解释。

  <html>
        <head>
            <style>
                body {
                    font-family: 'Calibri','sans-serif';
                    font-size: 16px;
                    font-weight: bold;
                    text-align:center;
                }

                form {
                    position: relative;
                    bottom: 0;
                    right: 0;
                }
            </style>
        </head>
        <body>
            {errors}
            <p>Enter your numbers:</p>
            <form method="post" action=".">
                <p><input name="number1" /></p>
                <p><input name="number2" /></p>
                <p><input type="submit" value="Do calculation" /></p>
            </form>
        </body>
    </html>

所以在这里,我给了您一个使用方法的示例:

  • 字体家族-用于更改字体类型

  • 字体大小-更改字体大小

  • 字体粗细-更改字体粗细

  • position-用于结合上,左,右和下属性使用不同的元素定位方式

  • 请参阅here,以了解有关CSS字体样式的更多信息

  • 请参阅here以了解有关CSS定位的更多信息