[已解决]css新手问题

害羞的新手 · 发表于 2020-9-28 16:50:36

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=, initial-scale=1.0" />
    <title>元素的定位</title>
    <style type="text/css">
      a {
        text-align: center;
        margin-left: 50%;
      }
    </style>
  </head>
  <body>
    <a href="https://www.bilibili.com/" target="_blank">bilibili干杯</a>
  </body>
</html>

刚看书看到链接标签，想尝试改变超链接在网页中的位置，为什么用css样式定义时，只有外边距（margin）能对<a>标签生效，而text-align:center却不能使<a>改变。
我尝试过给<a>设定宽和高，但也没用。

最佳答案

月排行榜 / 总排行榜

不二如是

2020-10-4 10:13:59

宽高的样式生效是有区别的！

最基础的元素分为：行内元素和块级元素。

宽高和居中属性对块级元素生效，<a> 标签属于行内无法生效。

可以通过 display 属性来改变行内和块级的定义。

跳转到最佳答案楼层

kogawananari · 发表于 2020-10-1 14:32:20

上下居中用的是vertical-align属性左右居中可以margin 。 text-alignr针对的文字
建议a标签里面装个span标签里面再放文字。

不二如是 · 发表于 2020-10-4 10:13:59

宽高的样式生效是有区别的！

最基础的元素分为：行内元素和块级元素。

宽高和居中属性对块级元素生效，<a> 标签属于行内无法生效。

可以通过 display 属性来改变行内和块级的定义。

账号		自动登录	找回密码
密码			立即注册