边框与内容距离问题_html/css_WEB-ITnose-html教程-PHP中文网

首页

web前端

html教程

边框与内容距离问题_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 21, 2016 am 09:04 AM

各位大神，求教，
图上所示，边框与内容之间为什么会有距离，这个距离怎么计算出来的呀，求大神指教。

代码：

1111

回复讨论(解决方案)

line-height

默认就有上下左右都有10像素的距离，{padding:0}就是设置文字与边框的距离为0的。而{margin:0}则设置的是容器与容器之间上右下左的距离为0

line-height

没有设置过line-height呀

默认就有上下左右都有10像素的距离，{padding:0}就是设置文字与边框的距离为0的。而{margin:0}则设置的是容器与容器之间上右下左的距离为0

量了下默认只有6px,font-size变大后，距离还会变大，这个距离怎么计算出来的

padding:0;line-height:20px;

把行高和字高设置成一样的就不会有间距了呀

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

deepseek是如何通过CSS实现鼠标滚动事件穿透效果的？Apr 30, 2025 pm 02:57 PM

如何实现鼠标滚动事件穿透效果？在浏览deepseek官网时，你可能注意到一个有趣的现象：当鼠标悬停在一个按钮�...

如何在 VSCode 中配置 HTML 代码格式化规则Apr 30, 2025 pm 02:54 PM

在VSCode中配置HTML代码格式化的步骤如下：1.在settings.json中添加配置，如{"html.format.wrapAttributes":"force-aligned","html.format.wrapLineLength":80}。2.选择合适的格式化工具，如Prettier或Beautify。3.逐步调整配置并使用预览功能调试，避免配置冲突。通过这些步骤，你可以在VSCode中有效管理和优化HTML代码格式化，提

如何改变 HTML 列表项的符号样式Apr 30, 2025 pm 02:51 PM

改变HTML列表项的符号样式可以通过CSS实现。1)使用list-style-type属性改变默认符号，如ul{list-style-type:square;}。2)通过::marker伪元素自定义符号，如ulli::marker{content:"✨";}，但需注意兼容性问题。3)使用list-style-image属性或background-image结合padding插入图片符号，如ul{list-style-image:url('path/to/your/image.

HTML 按钮的大小和形状怎么定制Apr 30, 2025 pm 02:48 PM

通过HTML和CSS可以定制按钮的大小和形状。1)使用width和height属性设置按钮尺寸。2)通过border-radius属性控制圆角程度。3)利用CSS3的transform属性可创建复杂形状，如菱形按钮。

用 Atom 编辑器编写 HTML 的注意事项Apr 30, 2025 pm 02:45 PM

在Atom中编写HTML的优势包括界面简洁、支持自定义和插件扩展、以及活跃的社区支持。1.Atom界面简洁，易于上手。2.支持自定义主题和插件，满足个性化需求。3.社区活跃，提供丰富资源和支持，如atom-html-preview插件可实时预览效果。

怎样设置 HTML 元素的旋转效果Apr 30, 2025 pm 02:42 PM

如何在HTML中设置元素的旋转效果？使用CSS和JavaScript可以实现。1.CSS的transform属性用于静态旋转，如rotate(45deg)。2.JavaScript可动态控制旋转，通过改变transform属性实现。

HTML的多功能性：应用和用例Apr 30, 2025 am 12:03 AM

HTML不仅是网页的骨架，更广泛应用于多种领域：1.在网页开发中，HTML定义页面结构并结合CSS和JavaScript实现丰富界面。2.在移动应用开发中，HTML5支持离线存储和地理定位等功能。3.在电子邮件和新闻通讯中，HTML提升邮件的格式和多媒体效果。4.在游戏开发中，HTML5的CanvasAPI用于创建2D和3D游戏。