愿此后再无WA 2022-05-06 17:44 采纳率: 94.1%
浏览 20
已结题

padding-right没有达到预期

如图，我的 i 图标太靠近右边了，我想使用padding-right移动两个像素将其左移一点，但发现不对劲？

img

img

img

为啥它跑到右边去了？而且它所占的框还缩小了？我试着写成padding-left，这样写能够达到了我想要的效果，但它所占的位置还是跟上图一样变小了？这是为啥？而且不应该是padding-right才行吗

  • 写回答

1条回答 默认 最新

  • 前端陈皮喵 2022-05-06 18:01
    关注

    那你可以试试margin-right让它整体右边有2px边距

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • CSS padding-right Property
    2023-09-17 12:56
    shengyin714959的博客 padding-right属性设置一个元素的右填充（空格）。负值是不允许的。默认值：0继承：no版本：CSS1object。
  • 为什么你应该停止使用"传统"的margin和padding来设置CSS样式
    2024-08-16 08:36
    @大迁世界的博客 当添加传统的 margin 和 padding 时，你明确地定义了来自各个方向（上、下、左和右）的边距和填充。这可能会在你的区域设置中创建一个看起来不错的布局，但当使用不同区域设置的用户以与你设计的方式不同的 方向/...
  • ActiveBox-layout:学习前端布局
    2021-05-04 14:05
    在前端开发中，布局是构建网页和应用程序界面的基础。"ActiveBox-layout" 是一个学习前端布局的项目，它可能是为了帮助开发者理解不同布局技术的工作原理和应用方式。在这个项目中，我们将探讨HTML作为主要标签，它...
  • gpt-4o 生成前端图示 Prompt 指南
    2025-07-23 15:36
    球球的前端奶茶屋的博客 本文介绍了如何利用Prompt和GPT-4o生成前端技术图示的方法，重点探讨了流程图和架构图两种主要类型。流程图适用于展示处理流程、工作流等，通过矩形、菱形等元素清晰呈现步骤顺序和逻辑关系；架构图则用于表现层次...
  • 前端必知必会-Vue Props
    2025-02-11 09:00
    编程岁月的博客 如果从父元素（在我们的例子中是 App.vue）创建组件并给定具有错误数据类型的 prop，您会在控制台中收到警告，如下所示： 此类警告很有用，可以让我们自己和其他人知道组件没有按照预期使用，并告诉我们哪里出了...
  • 编写Web前端代码的注意事项小结
    2020-09-22 15:20
    ### 编写Web前端代码的注意事项小结 #### 一、理解并应用DOCTYPE声明 **知识点1：DOCTYPE声明的重要性** 在HTML文档的开头添加`<!DOCTYPE>`声明非常重要，它告诉浏览器文档采用的是哪种HTML标准。这有助于确保...
  • Python-day11~13-前端初步
    2022-07-09 10:29
    simple_daytime的博客 前端知识html+css
  • web前端期末大作业（附有源码）
    2023-12-28 16:18
    忆梦怀思的博客 选用VSCode作为开发环境和工具来说有诸多优势之处，也给设计前端时带来了诸多益处。首先，是VSCode智能代码提示和补全。VSCode具备强大的代码提示功能，能够根据输入和上下文提供智能建议，减少拼写错误和语法问题，...
  • 前端-开发-注意
    2024-01-10 11:53
    huowen123000的博客 } &:nth-child(odd) { padding-right: 5px; } } } 最佳示例1： .list { display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; .item { border: 1px solid #000; box-...
  • 前端 - 博客系统(页面设计)
    2022-06-06 15:45
    旧时言的博客 通过前面学习的前端知识来构建出网页.主要分成四个页面:创建 blog_list.html, 编写博客列表页.编辑 blog_list.html, 创建导航栏的 html 代码. 准备一个 logo2.jpg, 放到 img 目录中.创建 common.css . 引入 common....
  • 2024前端面试题总汇（持续更新中...）
    2023-09-26 06:11
    小菜猿_的博客 前端面试八股文大全！！！！！
  • 前端——html拖拽原理
    2023-12-05 01:36
    yma16的博客 前端vue2、vue3去掉url路由“ # ”号——nginx配置 csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板 认识vite_vue3 初始化项目到打包 python_selenuim获取csdn新星赛道选手所在城市用echarts...
  • 前端领域的前端布局技巧分享
    2025-04-19 14:09
    AI架构全栈开发实战笔记的博客 前端布局是网页设计中至关重要的环节，它直接影响着用户体验和页面的视觉效果。本文的目的在于全面分享前端领域中常见且实用的布局技巧，涵盖从基础的布局概念到高级的响应式布局和网格布局等内容。范围包括对各种...
  • 前端系列-1 HTML+JS+CSS基础
    2023-10-03 17:32
    Ewen Seong的博客 笔者是后端开发前端涉猎不深，因此文章重在和实用，对原理和性能不会过多深究。
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 5月15日
  • 已采纳回答 5月7日
  • 创建了问题 5月6日