좌우 정렬이 안됩니다.
본문
<!-- 최신글 시작 { -->
<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
clear:left;
혹은
clear:both;
위의 두가지를 검색해 보세요
float:left는 다음 항목을 왼쪽에 가져다 놓는 속성입니다
화면이 좁아지면 아래로 떨어져서 줄바꿈 처럼 보이겠지만
원하는 형식을 취할려면 줄바꿈 항목에 위에서 지정된 float 속성을 해제 시켜 줘야 합니다
즉 3번 5번에 clear:left; 를 써줘야 아래로 줄바꿈이 됩니다
감사합니다. ^^
답변을 작성하시기 전에 로그인 해주세요.
