美文网首页
a标签换行排版问题 / a标签padding-top/paddi

a标签换行排版问题 / a标签padding-top/paddi

作者: 戬谷stone | 来源:发表于2019-08-29 14:04 被阅读0次

一、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的效果,还保留了所以内联元素的特性

    

相关文章

  • a标签换行排版问题 / a标签padding-top/paddi

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

  • 前端学习笔记一-html+css

    一.html 排版标签 标题: ~ 段落: 换行: 水平线: 文本格式化标签 加粗: (推荐使用str...

  • HTML-标签1

    1.注释标签 h1-h6 加粗 换行 文字越来越小 2.标签分类组成和关系分类,分为单标签和双标签 3.排版标签 ...

  • MarkDown基本语法

    h1标签# h1标签 h5标签#h5标签 换行 换行换行换行换行换行换行换行换 行换行换行 引用> 引用 code...

  • html标签

    排版标签 h1-h6标签标题语意:重要性递减 h1 尽量少用 p 段落标签标题语意:分段 会自动换行 hr:水平线...

  • HTML基础知识点

    常用标签 换行: HTML编写格式排版网页: 线: 斜体: , 粗体: , 上标: 下标: 定义列表: 定义列表项...

  • MarkDown的换行

    经常使用想使用回车换行,但是总是有问题,这个时候就可以使用html的标签 html换行标签->

  • HTML属性与值

    1、文本属性 标题标签: , , , , , 段落标签: 换行标签: 粗体标签: , 斜体标签: , , 上标标签...

  • HTML标签

    样例: 标题系统标签h1 - h66级标签 换行标签  空格 全能标签 注意 所有html语言如果不用换行...

  • 换行标签

    空元素,实现换行

网友评论

      本文标题:a标签换行排版问题 / a标签padding-top/paddi

      本文链接:https://www.haomeiwen.com/subject/ueriectx.html