html - 显示 :block is creating extra padding?

标签 html css

我有 2 个具有相同类的 span 标签,但其中一个有一个额外的类,它只添加了一个 display:block。问题是具有 display:block 样式的标签创建了额外的填充。如果将两个标签并排放置,您会注意到填充大小的差异。有没有办法用 display:block 删除标签的额外填充?

这是一个 jsFiddle

这是两个span 标签缩放图像,左边的是没有显示 block 的。右边的那个有一个 display: block。

enter image description here

PS:在此示例中,填充差异可以忽略不计,但在我的网站中,差异不止于此。

谢谢你:)

最佳答案

使用 <p>反而。 这是工作示例:http://jsfiddle.net/46q9J/3/

关于html - 显示 :block is creating extra padding?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23901485/

相关文章:

html - 导航栏中的子菜单 : li's width doesn't fit the text length

javascript - HTML 输入不允许从键盘输入两位数

python - 选择 sibling ,但中间没有任何东西

css - 是否有 CSS 父级选择器?

html - 固定表格单元格宽度

javascript - 如何突出显示 HTML 中的当前 id 元素

PHP 在 <a> 标签内发布一个变量

javascript - 如何在 React 的下拉选项中添加 Link/a 标签

html - 宽度未知的水平定位(和小的父元素)

php - 下载链接在 html 中不起作用