HTML中＜a＞标签无法使用垂直边距的解决方法

2020-11-26 01:17:57 75 收藏
分类专栏： 前端开发 文章标签： css html
最后发布:2020-11-26 01:17:57首次发布:2020-11-26 01:17:57
版权声明：本文为博主原创文章，遵循<a href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener"> CC 4.0 BY-SA </a>版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43813694/article/details/110153614
版权

问题解析
1.HTML中a标签是内联元素。
2.HTML中只有块级元素才能设置垂直边距。

解决方法
1.display: block;可以将a从内联元素转化为块级元素。
2.对a标签加一层div。

已标记关键词 清除标记
HTML中的body及可以再body中出现的标签
IT_CREATE的博客
01-18 4219
网页的主体标记body 需要显示的浏览器网页模块的内容，都必须要定义在body中，&amp;lt;body&amp;gt; 标签，可以说是HTML文件中，最为重要的一块内容。 主体标记 以&amp;lt;body&amp;gt;开始，以&amp;lt;/body&amp;gt;结尾 注意：在构建HTML文件时，请不要将标记交叉使用，否则将会出现一些莫名其妙的错误 能够出现在主体标记中的内容 1、注释 HTML中注释格式：&amp;...
html中的div标签的含义和应用
雨中怡然
03-16 2万+
CSS是DHTML的基础，CSS用于设定HTML元素在页面上的显示风格，而CSS-P则是CSS的一个扩展，它可用来控制HTML元素在网页上或者说在窗口的位置。下面的两个链接提供了CSS和CSS－P详尽的技术手册：　　 W3C CSS-Positioning　　 Builder.coms CSS Guide　　 在本课程中，将会反复地对CSS进行介绍。　　 使用DIV标
表情包
插入表情
还能输入1000个字符 “速评一下”
##CSS布局-a标签中的padding-top不起作用的解决方法
七元八元
05-16 4038
1、a标签元素是内联元素，默认上下内边距跟上下外边距不起作用；nav ul { overflow: hidden; border-left: .1em solid; } nav li { display: inline; } nav li a { padding: .5em 3em; //只设置 标签的上下内边距 border-right: .1em so...
解决div中元素垂直居中的五种方法
NananananA' township
07-12 3833
假设div的高度为200px，字体大小为20px 方法一：利用padding内边距 我要垂直居中 .type1{ border: 1px solid blue; font-size: 20px; padding: 90px 0; line-height: 1; } 注意此时不用设置div的高度height：200p
html css实现元素的水平居中、垂直居中的几种方法
逆水行舟，不进则退
05-28 4951
一.水平居中------------------------------------------------------------------------------html中的行内元素和块级元素有哪些。在html中，元素主要分为行内元素和块级元素；行内元素指的是书写完成后不会自动换行，并且元素没有宽和高。块级元素写完后会自动换行，有宽高可以修改。还有一种特殊的元素叫做行内块元素。大致分内是：...
HTML使用图像
tracy_0215的博客
03-28 415
1.插入图像标记 （1）图像的源文件src 概述：src属性用于指定图像源文件所在的路径，它是图像不可少的属性 语法： 说明：src属性用来设置图像文件所在的路径，这一路径可以是相对路径，也可以是绝对路径 提示：图像的地址可以使用文件和http://关键字作为图像的地址，并且能够用于在网页载入图像 （2）图像的提示文字alt 概述：当浏览该网页时，如果图像下载完成，将鼠标指针
HTML img图片出现下边距的解决方法
maindek的博客
07-12 8562
图片底部的空隙实际上涉及行内元素的布局模型，图片默认的垂直对齐方式是基线，而基线的位置是与字体相关的。所以在某些时候，图片底部的空隙可能是 2px，而有时可能是 4px 或更多。不同的 font-size 应该也会影响到这个空隙的大小。 给图片定义vertical-align也可以解决这个问题，将图片的垂直对齐方式设置为 top 或 bottom，这个空隙会消失。 解决办法给img定义
HTML Table标签 Div属性 a标签
这知识它不进脑子啊
10-17 134
<!DOCTYPE HTML> 声明：表示这是一个html文件，满足html5规范，这句话必须写到第一行 1、注释：在代码旁进行说明 语法：<!-- --> 2、网页：浏览网络信息的工具 本质：由html书写的一串代码 3、html：超文本标记语言 超文本：音频 视频 图片 超链接 表单 等 标记： 语言：人与人交流的工具，人与计算机交流的工具 4、常用标签 1）文本标签：可以使用属性给文字设置样式 语法：<font></font> 属性：用于描述某
html设置图像垂直间距
行善之人必有余庆
05-17 4861
设置图像垂直间距 编程词典个人版是一套学、查、用为一体的数字化学习编程软件。科学的学习模式、系统的学习方案，实现快速学习、快速提高，真正做到理论与实践相结合。海量的数据资源，帮助您解决在学习编程语言中遇到的问题。丰富的实战资源，包括视频、应用范例、模块和项目源码，既能够作为学习的资料，也可以应用到实战中。 效果：
a标签有左右padding（没有上下padding）
ahcgz的博客
07-27 1219
默认情况下行内元素的确是只有左右 padding 没有上下 padding，但行内块元素却不能够有上下 padding，而具体以什么形式显示是可以自己控制的，加个 display:inline-block 就可以将 a 标签变成行内块元素了。
手把手教你蓝牙协议栈入门
07-16
本课程定位是：引领想学习蓝牙协议栈的学生或者从事蓝牙，但是对蓝牙没有一个系统概念的工程师快速入门 课程是多年从事蓝牙经验总结出来的，希望能让你看完有一种醍醐灌顶的感觉。 不要在摸着石头过河了·学习完这些你肯定还是要继续学习蓝牙协议栈，但是至少懂了蓝牙的一些概念以及适合高效的学习方法 本课程一共分为4个小节： 1）蓝牙教程计划.mp4 ，主要介绍下我们的视频规划以及后续的蓝牙教程规划 2）蓝牙的前生后世.mp4 主要介绍下蓝牙的产生背景概念，以及蓝牙从开始产生到现在最新的5.2的发展过程，新赠的功能特性 3）市面蓝牙架构调查.mp4 主要介绍市面蓝牙产品的架构以及HCI蓝牙芯片的详细架构，让你对蓝牙有一个整体的认识，对于后续做蓝牙产品选型大有帮助 4）快速学习蓝牙文档介绍_工具介绍.mp4 主要介绍HCI蓝牙芯片的协议栈以及profile获取途径以及学习蓝牙的高效工具，引领你快速找到适合自己的方法来学习蓝牙
Java知识体系总结（2021版）
素小暖的博客
01-09 3万+
前言 大家好，我是素小暖，2012年毕业，2016年通过培训转行java开发，今天2021年1月9日，转行之路跌跌绊绊，蓦然回首，已经满满的4年工作经验了？但感觉知识还是相当的匮乏，没自信，也许是努力程度还不够吧。很感谢CSDN，因为是它给了我学习的动力，之前写了一篇记录CSDN博客访问量的文章，也许大家感觉很幼稚，但真的很有用，很有效果，仿佛磕了药一样，努力学习，进步。 2020年，是我较为成功的一年，工作上，跳了槽，涨了工资；学习上，啃了几本名著（Effective Java、重构 改善既.
C++入门基础视频精讲
09-28
本课程讲述了c++的基本语言，进阶语言，以实战为基准，高效率传递干货， 教会学员命令行编译直击底层过程，现场编码 并且掌握各种排错思路
Python数据殿堂：数据分析与数据可视化
01-02
【入门基础+轻实战演示】【讲授方式轻松幽默、有趣不枯燥、案例与实操结合，与相关课程差异化】利用python进行数据处理、 分析，并结合大量具体的例子，对每个知识进行实战讲解，本课程通过大量练习和案例对各个知识点技能进行详细讲解。通过本 课程，学生将懂得pandas、numpy、matplotlib等数据分析工具；通过实战，学生将了解标准的数据分析流程，学会使用可视化的 方法展示数据及结果。
《C语言/C++学习指南》语法篇（从入门到精通）
06-03
一门初级、从入门到精通的C语言C++语法教程，由毕业于清华大学的业内人士执课。从简单的HelloWorld入门程序，到深入的C语言C++核心概念，均为您娓娓道来，言之必详、听之必懂。让C语言C++编程变得简单，让C语言C++编程变得有趣，让喜欢C语言C++的人学会C语言C++！
吊打jd_seckill，Go语言版免配置抢茅台程序，实力接盘~
王炳明
01-08 8673
大家好，我是明哥。 在12月29日那天，我发布了一篇文章『大佬开源抢茅台脚本，火了』，介绍了一个非常热门的开源项目 jd_seckill，利用这个脚本项目可以实现在京东上自动预约，自动抢茅台。只要抢到一瓶，就可以净赚将近 1000 块钱，真的是天上掉钱的事儿，这波用一句话来说就是，技术造福人类啊~ 这个项目连续几天登上了 Github 的榜首，短短几天时间收获了8000多的star，简直火得一塌糊涂。可惜好景不长，就在昨天，作者 红头土豆 就收到了京东安全的警告邮件，在重重的压力之下，红头土豆最后一次更新仓
侯捷C++全套课程视频资源
06-06
侯捷全套课程，C++11新标准，侯捷 - C++面向对象高级开发，侯捷 - STL和泛型编程，C++内存管理_侯捷
4天搞定Spring核心原理训练营
06-17
本课程主要是分享当前互联网Java架构及高级热门技术，由业内技术大牛，行业及实战经验丰富的讲师进行技术分享。其中涵盖redis/mongodb/dubbo/zookeeper/kafka 高并发、高可用、分布式、微服务技术。
最新版【京东飞天茅台1499抢购】Python 脚本的完整安装、使用教程
01-14
最新的jd自动抢茅台脚本 亲测无误 可以下载下来试试 申明： 1、该教程和源码只供学习使用，切勿用作他途 2、本人对学习者拿该程序做任何事情，不担责 前两天看到有大佬在 Github 上开源了一个抢茅
©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页