CSS - 내용과 줄 바꿈이 맞아야합니다.

div 요소를 내용에 맞게 만들고 줄 바꿈을하여 다음 요소가 해당 div 아래에 있도록하는 방법이 있습니까?CSS - 내용과 줄 바꿈이 맞아야합니다.

display 속성을 inline-block으로 설정하려고 시도했지만 div가 더 이상 줄 바꿈을하지 않습니다 ... 기본적으로 줄을 끊지 만 내용에 맞지 않습니다.

누군가 나를 도울 수 있기를 바랍니다.

감사합니다!

2011-02-24 Van Coding

사람들이 더 쉽게 이해할 수 있도록 [jsFiddle] (http://jsfiddle.net) 예제를 만들 수 있습니까? – thirtydot

여기 예가 있습니다 : http://jsfiddle.net/A6n2h/ 요소를 가져 가면 상자가 텍스트에 맞기를 원합니다. html 구조를 변경하지 않고. –

jQuery에서 (do not) (http://stackoverflow.com/a/33511762/274502) jQuery를 사용하려면 * $ ('id id container')와 같은 것을 쓸 수있다. 각 (function() {$ (this) .parent(). width ($ (this) .width());});'. – cregox

여분의 div없이 작업하려는 경우 방법이 없다고 생각합니다. 여기에 2 개의 div가있는 방법은 다음과 같습니다.

<div> 
    <div style="background-color: #FF0000; display: inline">Test</div> 
</div>

출처

2011-02-24 16:51:11

나는 당신의 길을 지금했다. –

내 대답 메이트를 확인하십시오 – Alex

이 친구 같은 사람? 너무 HTML 코드에서 몇 가지 오류가 발생했습니다

.container div *{float:left; display:inline-block; clear:both;}

http://jsfiddle.net/A6n2h/2/

나는이 CSS 코드를 사용했다.

출처

2011-02-24 17:01:45 Alex

이것은 당신이 이것을 보았을 때 도움이되지 않습니다 : http://jsfiddle.net/uFDK5/ 나는 그 파일들이 나란히 있기를 원하지 않습니다. –

업데이트 된 답변 메이트를 확인하십시오. – Alex

CSS - 내용과 줄 바꿈이 맞아야합니다.

답변

관련 문제