Question

我有一个网页，中间有很多项目，我想在页面的左上角添加一些小文字，上面写着“你以用户名登录” 。知道怎么做吗？

编辑：我的HTML页面

<p style="position:fixed;top:0:right:0;color:blue" size="2">You are logged in as: {{ 
<body style="margin-left:100;margin-top:50">
    <table border="2">
        <tr>
            <th>Name</th>
            <th>Created By</th>
            <th>IP Range</th>
            <th>Date to Run</th>
        </tr>
        <form id="checkboxes" method="post" action="myurl">
            <tr>
                <td><input type="checkbox" name="checkable" /></td>
                <td><a href="mysecondurl">name</a></td>
                <td>user</td>
                <td>ip</td>
                <td>time</td>
            </tr>

            <select id="dropdown">
                <option />
                <option value="Delete">Delete</option>
                <option value="Change">Change</option>
            </select>
            <input type="hidden" name="isDeleting" value="True"/>
            <input type="submit" value="Go" />
        </form>
    </table><br />
    <form method="post" action="{% url 'Minion.views.add' %}">
        <input type="submit" value="Add" />
    </form>
    <form method="post" action="{% url 'Minion.views.index' %}">
        <input type="hidden" name="loggingOut" value="True">
        <input type="submit" value="Logout" />
    </form>
</body>

这是根据下面给出的建议，它只是将用户名文本叠加在页面标题上。

Answer 1

这取决于：左上角是什么？浏览器窗口？在这种情况下，您可以考虑使用position: fixed将其永久地粘贴到左上角。或者只是将它作为页面上的第一个项目。

Answer 2

#userDiv {
position: fixed;
top: 0;
left: 0;
 }

您可以将文字放在此div中。

如何将文本与屏幕的一角对齐

2 个答案: