a标签换行排版问题 / a标签padding-top/padding-button无效问题-解答

一、a标签是内敛标签,padding-left/padding-right 是有效的    

    padding-top/padding-button对于内敛标签是无效的

    margin对于内敛标签也是无效的

二、说点有用的

    要给a标签设置padding-top、margin的一种思路是转化为块级元素,这有两种方法

    为a标签设置

    display:inline-block;

    或

    display:block;

    或

    float:left

设置其中任意一种即可,根基需求.

三、真正要说的话总是在最后

        但是设置为块级元素后a标签就不会换行了,影响排版

        我找到了一种方式

        不需要转化为块级元素,又可以模拟margin效果

           line-height:30px;

        这里的line-height值要相对设置大一些,大于两倍行距就出现了类似margin的效果,还保留了所以内联元素的特性


    

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 5,211评论 0赞 0
  • 不会用代码框,所以看着有些乱套,,,,html部分 <!DOCTYPE html> 迅雷看看 ...
    这就是个帅气的名字阅读 2,041评论 0赞 0
  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 2,050评论 0赞 1
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,472评论 0赞 8
  • 另外,最早出现的未必是先驱,也可能是先烈。 创新固然很好,但过早播撒的种子,没有合 适的土壤,往往也难长大。技术创...
    3公里对阅读 222评论 0赞 0

友情链接更多精彩内容