如何将文字放在右上角

时间:2019-03-29 08:17:20

标签: html css

我需要帮助将文本放在右上角!

我在Google,StackOverflow和youtube上搜索

<html>
    <a href=login.html>LogIn</a>
</html>

我希望我可以将登录文本放在右上角!

3 个答案:

答案 0 :(得分:1)

要将链接放置在视口的右上角,有几种方法。

固定排名

a {
  position: fixed;
  top: 0;
  right: 0;
}
<a href=login.html>LogIn</a>

绝对定位

a {
  position: absolute;
  top: 0;
  right: 0;
}
<a href=login.html>LogIn</a>

CSS网格(过度杀伤,是的)

body {
  display: grid;
  justify-items: end;
}
<a href=login.html>LogIn</a>

Flexbox

body {
  display: flex;
  justify-content: flex-end;
}
<a href=login.html>LogIn</a>

表位置

a {
  display: table;
  margin-left: auto;
}
<a href=login.html>LogIn</a>

答案 1 :(得分:0)

为什么不只使用CSS?

a#login {
  position: fixed;
  right: 0;
  top: 0;
}
<a id="login" href=login.html>LogIn</a>

答案 2 :(得分:-1)

a{
  position:fixed;
  top: 0;
  right: 0;
}
<html><a href=login.html>LogIn</a></html>

<html><div style="text-align:right"><a href=login.html>LogIn</a></div></html>