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

css新手问题

<!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>设定宽和高,但也没用。

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

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

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

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

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

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

可以通过 display 属性来改变行内和块级的定义。
页: [1]
查看完整版本: css新手问题