【问题标题】:how to use no margin image side image in html, css如何在html,css中使用无边距图像侧图像
【发布时间】:2013-04-09 12:47:36
【问题描述】:

我想显示这四张图片,没有任何边距。如何做到这一点?

每个 A、B、C、D 看起来像一个图像。

一个

C
D

<div align="center">
    <img src="a.png">
    <br/>
    <img src="b.png">
    <br/>
    <img src="c.png">
    <br/>
    <img src="d.png">
</div>

我尝试了 css margin=0 和 style padding =0 但它不起作用。

更新---

<img id="ImgEmotion" src="a.png" width="40" border="0">
<img src="b.png" width="20" height="20" border="0">

如果我使用 css,我知道没有边距。

如果我使用#no_margin,我该如何申请img标签?我还需要'id='ImgEmotion'

【问题讨论】:

  • 我创建了一个小提琴。看看,让我知道这有什么问题..jsfiddle.net/jpHff
  • 你的考试错了。将宽度大小添加到 4 个图像并运行 it.width=100
  • 所以你想要这样的东西jsfiddle.net/jpHff/1

标签: html image margin


【解决方案1】:

CSS:

img 
{
    margin:0; 
    display:block
}

HTML:

<div align="center">
    <img src="a.png">
    <img src="b.png">
    <img src="c.png">
    <img src="d.png">
</div>

JSFIDDLE

【讨论】:

  • 感谢@TheEwook。但是,我在 img 上有另一个 css“flote:left”。如何制作和使用它?
猜你喜欢
  • 2013-02-03
  • 2018-03-31
  • 1970-01-01
  • 2012-10-19
  • 2016-11-24
  • 2021-09-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多