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>设定宽和高,但也没用。 上下居中用的是vertical-align属性 左右居中可以margin 。 text-alignr针对的文字
建议a标签里面装个span标签 里面再放文字。 宽高的样式生效是有区别的!
最基础的元素分为:行内元素和块级元素。
宽高和居中属性对块级元素生效,<a> 标签属于行内无法生效。
可以通过 display 属性来改变行内和块级的定义。
页:
[1]