왼쪽버튼 가운데버튼 오른쪽버튼 정렬하려면
핫팬츠
2023.04.01
위에처럼 버튼을 정렬하고 싶은데요 100%에서 화면크기에 따라 왼쪽버튼은 왼쪽으로 가운데는 가운데 오른쪽은 오른쪽으로 하고싶습니다.가운데버튼은center_btn{margin:0 auto; width:30%; text-align:center; }왼쪽버튼은left_btn{float:left; width:30%;text-align:left;}오른쪽버튼은right_btn{float:right; width:30%; text-align:right;}이렇케 css주고 div class=btns
div class=left_btn
왼쪽
/div
div class=center_btn
가운데
/div
div class=right_btn
오른쪽
/div
/div주게되면 오른쪽버튼이 아래로 떨어집니다 정렬이 되게하려면 어찌해야할까요?
-
은솜
그냥 a왼쪽/aa가운데/aa오른쪽/a
a에 동일하게 넓이를 주고 (크기가 똑같다면 개별로 주는것보단 합쳐서 주는게 처리속도가 극히 깨알같이 빠릅니다.)
가운데버튼에 margin:0 10px; 또는 %단위를 써서 주면 될듯 -
날개
예시로 버튼이라 쓴거고 저런식으로 정렬을 시키고 싶어요~
-
가지
가운데 버튼에 float이 없어서 밑으로 떨어지는 것입니다.
근데 float을 주면 margin:0 auto;가 안먹을꺼같은데;;
근데 일단 버튼인데 왜 div로 하죠?
a태그 사용해서 일렬로 나열시킨다음에 가운데버튼만 좌우 마진 주면 될텐데?
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2701285 | 아이폰이나 안드로이드 폰 인터넷으로 볼때 | 배꽃 | 2025-07-12 |
2701230 | 테마 설정하면 밑에 뜨는 글 삭제 (1) | 창의적 | 2025-07-12 |
2701177 | css적용이 안되요~ (6) | 다니엘 | 2025-07-11 |
2701151 | 사이트작업시 inputbox 가 readonly 형태표시 어떻게 하시나요? (1) | 찬내 | 2025-07-11 |
2701123 | 간단한 select 질문입니다 (3) | 천사의눈물 | 2025-07-11 |
2701061 | 비베질문.. | 똘끼 | 2025-07-10 |
2701034 | 메일폼 내 script 삽입가능한 방법 없을까요.. (2) | 마음새 | 2025-07-10 |
2701008 | 분명히 버튼을 만들었는데 액션이 안걸립니다. (3) | 재찬 | 2025-07-10 |
2700923 | 전체중앙정렬&독타입&쿼크모드 ㅜㅠ (8) | 푸른들 | 2025-07-09 |
2700893 | 질문드리겠습니다. | 도도한 | 2025-07-09 |
2700793 | 무비클립에 마우스 오버시 랜덤으로 효과음 나기는 어떻게 ;; (1) | 바닐라 | 2025-07-08 |
2700741 | 웹전송? (2) | 연와인 | 2025-07-07 |
2700686 | 카테고리 호버시 세부카테고리 보이게하는 것, css로만 가능할까요?? (3) | 다힘 | 2025-07-07 |
2700658 | 메타태그 질문드립니다..ㅠㅠ;;; | 모해 | 2025-07-07 |
2700632 | 외부에서 이미지 파일을 불러와야 합니다. 도와주세요. (4) | 에일린 | 2025-07-06 |
2700579 | (air + as3) smtp 이용해서 첨부파일 포함해서 메일 보내기 | 물보라 | 2025-07-06 |
2700524 | 클릭시 밑에 메뉴 나오게 (4) | 새솔 | 2025-07-05 |
2700505 | activex를 비쥬얼6.0으로 만들었는데요 비스타 배포시에 안되서 질문드립니다 (3) | 참이 | 2025-07-05 |
2700452 | c언어에서... 자료형 구분.... (3) | 시내 | 2025-07-05 |
2700422 | 버전에 관해 질문 | 라온제나 | 2025-07-04 |