鱼C论坛

 找回密码
 立即注册
查看: 3015|回复: 2

[已解决]css新手问题

[复制链接]
发表于 2020-9-28 16:50:36 | 显示全部楼层 |阅读模式

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

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

x
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=, initial-scale=1.0" />
  6.     <title>元素的定位</title>
  7.     <style type="text/css">
  8.       a {
  9.         text-align: center;
  10.         margin-left: 50%;
  11.       }
  12.     </style>
  13.   </head>
  14.   <body>
  15.     <a href="https://www.bilibili.com/" target="_blank">bilibili干杯</a>
  16.   </body>
  17. </html>
复制代码

刚看书看到链接标签,想尝试改变超链接在网页中的位置,为什么用css样式定义时,只有外边距(margin)能对<a>标签生效,而text-align:center却不能使<a>改变。
我尝试过给<a>设定宽和高,但也没用。
最佳答案
2020-10-4 10:13:59
宽高的样式生效是有区别的!

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

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

可以通过 display 属性来改变行内和块级的定义。
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

发表于 2020-10-1 14:32:20 | 显示全部楼层
上下居中用的是vertical-align属性 左右居中可以margin 。 text-alignr针对的文字
建议a标签里面装个span标签 里面再放文字。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-10-4 10:13:59 | 显示全部楼层    本楼为最佳答案   
宽高的样式生效是有区别的!

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

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

可以通过 display 属性来改变行内和块级的定义。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-4-19 15:37

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表