在浮动图像和文本之间创建空间

Avr*_*dis 6 css

Ι想要在图像和描述之间留出5px的空间.

在此输入图像描述

我试过margin-left或者padding-left它没有做我想要达到的目的,它从容器的乞讨创造了空间.知道我怎么能这样做吗?

#portofolio-element-image{
    width: 128px;
    height: 128px;
    margin-bottom: 5px;
    float:left;
}

#portofolio-element-description{
    color: white;
    text-align:justify;
    margin-left: 5px;
}
Run Code Online (Sandbox Code Playgroud)

SW4*_*SW4 10

为什么不使用:

#portofolio-element-image{
  margin-right:5px;
}
Run Code Online (Sandbox Code Playgroud)

将边缘到文字上会有和浮动图像之间的距离没有影响,因为图像落在的文本元素.

  • 是的,但是当屏幕很窄时,这个边距不会折叠并且看起来很难看。假设我们想要在该边距与封闭元素的右边缘相邻时“折叠”该边距。我们该怎么做呢?否则,当元素单独出现在一行中时,这个边距看起来会很糟糕。 (2认同)