您现在的位置是: 首页 > HTML/CSS HTML/CSS
a标签换行排版问题 / a标签padding-top/padding-button无效问题-解答
冬寂
2020-08-05 23:18:38
【HTML/CSS】
8005人已围观
一、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的效果,还保留了所以内联元素的特性
上一篇: 采集与优化
随机图文
-
GitHub去马赛克Depix测试使用
这是一个将打了马赛克的图片还原的Python工具; -
DD Course-01: 从0到1,在浏览器里运行 Disco Diffusion (全网最详细教程)
DD Course-01: 从0到1,在浏览器里运行 Disco Diffusion (全网最详细教程) -
2021年一定会发生的五个科技突破
2020 年终于过去,世界还是一团糟,我们需要 2021 年带来几个好消息。最值得期待的好消息是科技进步,最靠谱的好消息也是科技进步。当然进步常常是意料之外的突破,但科技是一门高度可积累的业务:有很多进步是当前趋势的自然延伸,还有很多进步就如同东京奥运会一样,已经安排上了 -
通往财富自由之路(一)- 什么是财富自由
财富自由
点击排行

站长推荐

猜你喜欢
- MySQL ANY_VALUE() 函数
- MySQL 随机排序 ORDER BY RAND() 性能优化
- 如何在网上向人求助
- 提问的智慧
- 执行count(1)、count(*) 与 count(列名) 到底有什么区别?
- 韦伯天文望远镜将会改写宇宙历史,如果它能正常工作的话(The Webb Space Telescope Will Rewrite Cosmic History. If It Works.)
- 韦伯太空望远镜将改写宇宙历史(The Webb Space Telescope Will Rewrite Cosmic History. If It Works.)
- 韦伯太空望远镜将改写宇宙历史(The Webb Space Telescope Will Rewrite Cosmic History. If It Works.)
- 《人类动物园》:为什么说都市是人类动物园?
- 对话罗永浩:再创业可能后悔,不再创业百分之百后悔