제목부분 가운데 정렬하고 버튼 하나씩을 각각 양쪽에 배치하는 방법
푸른마을
안녕하세요~. 오랫만에 질문남기네요.
혼자 해결하려다 너무 안되서요..ㅠㅠ div class=topbt_viewimg src=images/close_btno.png alt=닫기/div
div class=topctspan /span/div
div class=topbt_searchimg src=images/go_confirm_btoff.png alt=확인/div위와 같이 양쪽에 닫기/확인 버튼을 넣고 가운데 topct 부분에는 로고를 넣으려고 합니다.
span없이 text-align:center;해서 가운데 정렬시키려고 했는데 절대로 가운데 정렬이 안되더군요.
float:left;를 해버리면 한줄로 정렬되지만 로고부분이 가운데 정렬이 되지않고..
화면의 폭에 따라 계속 중앙에 있도록.. 그리고 버튼들은 계속 좌우에 붙어있도록 하려고 하거든요..[닫기] 어쩌구제목 [확인]
위와 같은 형태로 말이죵..
어떻게 하면 정렬이 저렇게 될런지.. ㅠㅠ 하도 안되길래 아예 topct 클래스에는 float:left;를 넣고
span태그를 넣어서 거기에 제목을 백그라운드로 넣고
백그라운드 이미지의 좌우 정렬을 50%로 뒀는데 안되네요 ㅠㅠ도와주세요~~ 제~발~
-
자올
class=\topct\ 부분에 text-align:center; 을 넣으면 로고가 가운데 정렬이 될텐데요.
기본적으로 로고는 이미지 혹은 일반 텍스트 일 것으로 생각되는데 그리고 a 태크로 감싸져 잇거나
그래서 inline 요소를 감싸고 있는 block 에 text-align:center; 을 넣어주면 가운데 정렬이 될듯 한데요..ㅠ -
하림
사이즈를 못준다면... topct에 float을 빼고 text-align:center.
각 버튼들을 position:absolute로 정렬하면 되지 않을까요?
물론 버튼이랑 제목을 감싸고 있는 div하나 더 만들어서 position:relative도 주구요 -
볼수록매력
그게 모바일에 들어갈 제목부분이라서 위드에 사이즈를 안주고 했거든요. 사이즈를 준다면 쉽게 해결될겠지만 안주고 하려니 안되는거 같기도...ㅠㅠ
어찌 방법 없을까요.. -
눈내리던날
제목이 들어가는 부분이 고정 넓이 값을 가지고 있다면,
topct에 width를 추가해주시고 text-align:center를 주시면 될것같아요