html中的对a标签设置margin和padding的top、bottom不起效果解决办法

最新推荐文章于 2022-02-14 10:46:58 发布

webxiao1

最新推荐文章于 2022-02-14 10:46:58 发布

阅读量4.4k

点赞数

分类专栏： html问题文章标签： html问题

本文链接：https://blog.csdn.net/webxiao1/article/details/91851831

版权

html问题专栏收录该内容

1 篇文章 0 订阅

订阅专栏

问题：html中的对a标签设置margin和padding的top、bottom不起效果
问题原因：a标签是块级元素，所以magin和padding的上下属性不起作用
解决办法：为a标签添加display：block；

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

webxiao1

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
3
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

小程序底部最后一个元素设置margin-bottom部分android机型不生效IOS可以

闫瑞锋的博客

08-10

578

解决办法统一设置改成padding-bottom padding-bottom:

对行内元素设置padding和margin不起作用

weixin_44645309的博客

12-29

1264

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、对行内元素设置padding和margin二、使用步骤1.引入库2.读入数据总结前言看了表严肃表哥的电商网站项目，自己动手亲自实现了一遍，前前后后遇到了几个问题，特此总结一下。一、对行内元素设置padding和margin 代码： <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="

3 条评论您还未登录，请先登录后发表或查看评论

HTML a标签如何设置margin属性

ws04170099的专栏

01-14

1106

很多同学发现对DIV有效的许多CSS属性对<a>或<p>标签都无效，好比说 <div style="margin-top:5px;"></div> 就是有效的距离但是 <a style="margin-top:5px;"></a> 这个距离便无效，其实原因很简单，因为a标签不是盒子，而ma

大小盒子 padding-bottom 失效问题

josiecici的博客

12-18

3110

白色为大盒子蓝色为小盒子但是小盒子内的东西很多超过了大盒子的高度所以就有滚动条但是小盒子高度为100% 则继承大盒子的高度 70vh 所以padding的bottom没留出来padding出来直接顶了bottom 因为这个时候小盒子确实是在大盒子padding内只是内容出去了。小盒子不写高度后小盒子高度就是内容高度并且bottom的padding 也成功出现 ...

火狐浏览器中pandding-bottom无效的问题

Chatopera

01-15

1203

火狐浏览器中pandding-bottom无效的问题问题描述导致原因解决方案问题描述最近在项目开发中遇到一个奇怪的问题，当我使用 padding-bottom：100px 在页面底部，高度为100px。在Chrome上显示正常：但是在火狐浏览器中，却不起作用：造成的现象就是有一部分内容展示不出来。导致原因一番查询之后，是因为火狐和ie浏览器会出现‘吞吃’的情况，当节点的内容超过了自身高度，此时还给节点设置了overflow:auto；的话，overflow属性会将超出的部分剪裁到paddin

html bottom没有效果,HTML CSS Padding-bottom 0在firefox上不起作用

weixin_39716971的博客

06-03

400

您已经为浏览器提供了不完整的布局问题。您有一个三乘三的网格，其列或行都没有固定的大小。所以问题是你最终得到的第一行比你预期的要高，因为浏览器试图在第一列的单元格中分配第二列中的rowspan引起的“备用”高度。这没有标准化的算法;浏览器做不同的事情，通常包括不愉快的事情，比如查看每个单元格中标记的原始字节数。您不想依赖此行为。它还会减慢页面渲染速度，并且当内容非常少或大量时，可能会产生非常奇怪的页...

CSS中margin和padding的区别浅析

01-19

下面讲解 padding和margin常用的用法一、padding 1、语法结构（1）padding-left:10px; 左内边距（2）padding-right:10px; 右内边距（3）padding-top:10px; 上内边距（4）padding-bottom:10px; 下内边距（5）...

Class与ID区别 margin和padding区别 CSS学习笔记

10-30

margin属性是用来设置元素的外边距的，它包括margin-top、margin-right、margin-bottom和margin-left四个方向的边距。margin属性可以将元素与其他元素隔开，或者将元素与页面边缘隔开。 padding属性是用来设置元素...

css中塌陷问题怎么解决，margin和padding应该怎么区分

夸克IT

09-08

2487

css基础篇（第三篇）回顾在上一篇中我们基本了解了css中background的综合写法以及css中的权重优先级问题，在这一讲中我们会认识一个比较重要的padding和margin，并且会了解到css中的塌陷问题，这在往后工作和学习中都是必不可少的部分甚至相当重要。如果不了解或者不太熟悉css基础的话，建议去看一看之前的篇幅，这一篇接着css开始讲。看透网页的本质在现代的html布局中，我们基本上都是使用盒子模型来布局，简而言之就是利用div来布局，所以说往后对于整个盒子的控制是一个重点。最重要的是

-百分比设置margin和padding,line-height,height

rocktanga的博客

02-14

944

用百分数设置margin和padding 用百分数设置margin和paddding的时候，其top right bottom left的值是参照父元素盒子的宽度进行计算,如 .demo1{ width:980px;height:500px; } .demo1 div{margin:10% 5%; } // 相当于margin:98 49; 为什么都是以宽度为标准 1、高度持续增加第一种说法是，padding-top如果以容器高度为参照，那么子元素应用padding值将会继续加高容器的高度，容器.

padding-bottom在IE6下失效的原因

weixin_30721077的博客

01-14

186

<li><a><a/><li/>CSS:a{ float:right; }li{ padding-bottom; overflow:hidden}因为 li 使用了 overflow（清除浮动），padding-bottom失效解决办法有：一、将overflow去掉，使用float。二、 .clearfix{ 　　*zoom: 1; 　　&...

安卓 marginBottom失效

李云汉的博客

08-02

515

今天遇到了一个奇葩的问题，releativeLayout的marginBottom设置无效我明明设置了marginBottom，发现只要动态设置view的高度，marginBottom不是显示异常就是等于0无效但是在view下面随便加个其他的view，marginBottom就好使了。。

移动端开发底部元素margin-bottom失效解决办法

weixin_30448685的博客

02-06

401

一、情景记得之前开发一个微信端页面时，发现页面底部元素margin-bottom在ios下失效，在安卓内正常...... 1.safari浏览器内页面底部元素设置margin-bottom失效； 2.h5页面内嵌app，ios下同样失效； 3.h5页面微信端，ios下同样失效；二、解决办法 1.在底部使用空白div撑起高度，缺点是会多出来不必要的div。 2.给body设置...

html-css表单的margin-right/padding-right属性设置无效解决办法

橘子味''的博客

09-01

8278

博主原来一开始是想实现form标签中的input元素离浏览器的右边界有一定距离的效果，但是无论我在input的css中调margin-right还是在form中调padding-right都不能实现前面说的效果，后来博主改变思路用div来包裹input在调padding还是不行，我擦。于是我在改变思路用table来包裹，然后再调padding，嘿，这下可以了。调整失败的代码 <!DOCTYPE

<span>和<a>的margin上下和padding上下不起作用的原因和解决

weixin_30443731的博客

04-22

1029

使用到了<span>和<a>标签，发现在样式里面直接写margin-top、margin-bottom和padding-top、padding-bottom都不起作用，页面样式的东西懂得不多，搜索一番，发现是因为<span>和<a>都不是块级元素，所以这几个属性都无效。 解决办法：在样式中加入display:block;即可解决问题。 span...

Facebook AI指出：CNN的padding机制，存在一大缺陷

weixin_40920183的博客

11-10

503

作者| 青暮Facebook AI近期提出一项新研究，表明CNN中常用的padding机制存在重大缺陷，会导致特征图中出现伪影，从而影响CNN的应用。作者把这种伪影称为空...

Android疑难杂症动态改变Background后Padding无效的问题

宝剑锋从磨砺出，梅花香自苦寒来！

12-17

1031

http://blog.sina.com.cn/s/blog_46726d2401012m5u.html 前言在Layout中指定好background和padding以后，程序里面动态修改background之后padding就失效了，貌似是一个BUG，这里找到了一篇英文文章，简单翻译分享一下。　　　　农民伯伯： http://over140.cnblogs.c

##CSS布局-a标签中的padding-top不起作用的解决方法

七元八元

05-16

7405

1、a标签元素是内联元素，默认上下内边距跟上下外边距不起作用；nav ul { overflow: hidden; border-left: .1em solid; } nav li { display: inline; } nav li a { padding: .5em 3em; //只设置标签的上下内边距 border-right: .1em so...

关于margin-right和padding-right无效的原因

farmerXU的博客

05-13

1717

先说padding-right，当我们把width：100%；和padding-right放在一起的时候，会发现，出来的样子是这样的（为了看到效果，设置置了背景色），右padding无效，这个时候只要加上box-sizing: border-box;就可以了，或者去掉width: 100%;亦或者分开写成两个盒子，像这样也可以； <div class="" style="width: 100%;"> <div class="" style="padding: 20px;ba.

html中的margin和padding