이미지에서 그림 사이에 간격을 두는 방법은 무엇입니까?

내 CSS 파일을 편집하지 않고 가로형 "패딩 공간"을 어떻게 추가 할 수 있습니까? 나는 아래의 코드가 있습니다이미지에서 그림 사이에 간격을 두는 방법은 무엇입니까?

<img src="./img/fig.jpg" align="right" style="display:inline;margin:2px;"/> 
<div style="text-align:justify;"> 
Bunch of text. 
</div>

내가 텍스트 div에 대한 style="padding-right: 5px"를 지정하거나 아무 소용 제외한 패딩, 마진 등을 포함하는 div와 img을 둘러싸는 해봤를 - 나는 성공적으로 할 수있는 것을 알 수 있습니다 이 스타일 지정을 사용하여 텍스트 또는 이미지의 위쪽과 아래쪽에 채우기를 추가하지만 이미지와 텍스트를 구분할 공간은 절대 사용하지 마십시오.

출처

2012-03-10 hatmatrix

인라인 요소에 여백/안쪽 여백을 설정할 수 없습니다. – scibuff

가능합니다. 게시하기 전에 먼저 확인하십시오. –

@crippledlambda 문제를 재현 할 수 없습니다. 떠 다니는 이미지에 패딩 왼쪽을 넣으면 텍스트와 텍스트 사이에 공백이 생깁니다. 아니면 뭔가 다른 것을 의미 했습니까? 아,'align = "right"'는 더 이상 사용되지 않으므로''float : right "'스타일로 바꿔야합니다. 또한,'display : inline'은 불필요합니다. –

제대로 얻으면 이미지와 왼쪽에 텍스트가 있습니다. 추가 공간으로 텍스트와 이미지를 분리하려고합니다. 내가 제안하는 것은 그들 사이에 추가 마진을 두는 것이다. 다음과 같이하십시오 :

<img src="./img/fig.jpg" align="right" style="display:inline;margin:2px 2px 2px 5px;"/>

출처

2012-03-10 11:55:25

예, 했어요. 감사 – hatmatrix

float : 패딩 속성이있는 이미지에 왼쪽.

출처

2012-03-10 11:51:46 Abhidev

이미지가 이미 오른쪽으로 떠있었습니다. 왼쪽으로 이동하면 레이아웃이 달라집니다. –

이것도 감사합니다 – hatmatrix

이미지에서 그림 사이에 간격을 두는 방법은 무엇입니까?

답변

관련 문제