2016-06-04 3 views
0

tumblr 테마가 있습니다 : http://flataura.tumblr.com/ 게시물을 클릭하면 게시물은 이미지와 내용이 서로 다른 두 개의 열이있는 라이트 박스로 나타납니다.열 divs를 행으로 변경하십시오.

내가하고 싶은 것은 휴대 전화에만 해당되며 주문 변경 사항입니다. 이미지를 텍스트 내용 위에 올려 놓고 싶습니다 (이미지 아래로 끝날 것입니다). 저는 전문가는 아니지만 혼자서 문제를 해결할 수 있습니다. 주제에 관한 나의 공정한 시간을 보냈지 만 이에 대한 해결책을 찾을 수 없었습니다.

아래 예제 이미지. 미리 감사드립니다.

Example image

+0

그럼 플로트를 제거하는 경우 이봐 당신이 텀블러 즉 CSS 코드에 그 테마를 편집 할 수 있습니다 :이 코드 에서 왼쪽 tc_post_perma .rightcontent { 폭 : 40 %; margin-left : 5 %; 글꼴 크기 : 14px; } – frnt

+0

@frnt 너무 쉬웠다. 나는 그것을 믿을 수 없다 !! 정말 고맙습니다!! 방법을 통해 특정 기기 크기에서만 어떻게이 작업을 수행 할 수 있습니까? @ media 스크린을 사용했기 때문에 (최대 너비 : 900px) { 라인을 사용했으나 작동하지 않는 것 같습니다. 감사합니다. – LTart

+0

환영합니다 @LTart ..... – frnt

답변

0

또한 플렉스 사용할 수 있습니다. 상위 div에 'display : flex'및 'flex-direction : column'을 추가합니다. More

관련 문제