为了账号安全,请及时绑定邮箱和手机立即绑定

小白的问题,麻烦老师看下。

1,我照着老师来写的:

<div class="footer-col">

      <a href="">Blog</a>

     <a href="">Careers</a>

     <a href="">Privacy Policy</a>

     <a>Contact</a>

这一步和老师一样的,但是我的怎么Blog,Careers,Privacy Policy在一行,没有断行,且字是有颜色的,只有Contact断行了。

https://img1.sycdn.imooc.com//5bee4d460001c0ee05820261.jpg

2.接着我在后面都加了<br>:

<div class="footer-col">

      <a href="">Blog</a><br>

     <a href="">Careers</a><br>

     <a href="">Privacy Policy</a><br>

     <a>Contact</a>

现在都断行了,但是字有颜色的。

https://img1.sycdn.imooc.com//5bee4d0d00012fe205300260.jpg

3.然后我去掉了href="":

<div class="footer-col">

      <a>Blog</a><br>

     <a>Careers</a><br>

     <a>Privacy Policy</a><br>

     <a>Contact</a>

结果就变成这样的,而且这一排的行距和左边的一样,按照PS里面的设计图应该是比左边的行距高一些。

https://img1.sycdn.imooc.com//5bee4d9d00016c0304790176.jpg

希望老师看到解答一下吧,或者知道的同学帮忙解决也行,来自小白的谢谢。




正在回答

1 回答

  1. 你的reset.css和老师的不一样

    添加 a{ display: block;},解决在同一行的问题

  2. 对于a标签,浏览器有默认颜色样式

    在common.css里,自定义a标签的颜色样式就好

  3. 不用去掉href属性,老师最后一个完全是忘了加

    老师的课程,只是为了说明怎么更清晰地写页面,行距是有些不一样,不用太在意

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

小白的问题,麻烦老师看下。

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信