Copy
<!-- 최신글 시작 { --><div style='float:left' ><a class="twitter-timeline" href="https://twitter.com/tguri1" data-widget-id="615639557808062464">@tguri1 님의 트윗</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </div><div style="float:left;margin-left:20px"><?php echo latest("basic", "B01", 5, 30);?></div> <div style="float:left"><?php echo latest("basic", "B02", 5, 30);?></div><div style="float:left;margin-left:20px"><?php echo latest("basic", "B01", 5, 30);?></div><div style="float:left"><?php echo latest("basic", "B02", 5, 30);?></div><div style="float:left;margin-left:20px"><?php echo latest("basic", "B01", 5, 30);?></div> <!-- } 최신글 끝 -->정렬좀 부탁드립니다.ㅠ.ㅠ
1 2
3 4
5 6
이런 형식 또는
1번이 트위터라고 가정하였을 때
1 2
3
4 5
6 7 등등..
이런식으로 하고 싶습니다.
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
2015-10-23 (금) 12:34:25
clear:left;
혹은
clear:both;
위의 두가지를 검색해 보세요
float:left는 다음 항목을 왼쪽에 가져다 놓는 속성입니다
화면이 좁아지면 아래로 떨어져서 줄바꿈 처럼 보이겠지만
원하는 형식을 취할려면 줄바꿈 항목에 위에서 지정된 float 속성을 해제 시켜 줘야 합니다
즉 3번 5번에 clear:left; 를 써줘야 아래로 줄바꿈이 됩니다
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.