내가 목록이

Question

, 그것의 각 리튬이 구조를 갖는 리튬 내부 범위의 콘텐츠를 배치 :

<li> 
    <img class="yes" src="..."> 
    <img class="no" src="..."> 
    <span class="a">...</span> 
    <span class="b">...</span> 
</li> 

현재 클래스 B의 함유량이 긴 경우, 그것을 이미지를 감쌀 것이다. 나는 그것을 이미지 아래에 감추고 싶지 않다. 나는 그것을 자신의 칸에 머물고 싶다. 어쨌든이 작업을 수행 할 예정이라면 테이블을 사용하는 것이 잘못된 것이라고 알려주십시오. 감사합니다. 니마

Answer 1

감사합니다. Duilai,

div를 추가했습니다. 트릭을 한 CSS는 다음과 같습니다.

Answer 2

몇 가지 작업을 수행 할 수 있습니다.

1) 이미지의 맨 아래에 간격을 추가하여 스팬 텍스트가 정상적으로 유입 될 공간을 확보합니다. 동적 페이지에서 빠르고 쉽지만 현실적이지 않습니다.

2) span 주위로 div를 감싸십시오. 그런 다음 이미지 열의 크기만큼 왼쪽 여백을두고 div를 오른쪽으로 띄웁니다. 그러면 이미지 주위로 흐르지 않는 div 컨테이너가 생성됩니다.