가운데 정렬이 안되고 계속 왼쪽 정렬이 되내여..
본문
<style>
.at-container1 {max-width:800px;text-align:center;}
.no-responsive .wrapper, .no-responsive .at-container-wide { min-width:800px; }
.no-responsive .boxed.wrapper, .no-responsive .at-container1 { width:800px; }
.widget-index1 { overflow:hidden;text-align:center; }
.widget-index1 .div-title-underbar { margin-bottom:15px; }
.widget-index1 .div-title-underbar span { padding-bottom:4px; }
.widget-index1 .div-title-underbar span b { font-weight:500; }
.widget-index1 h2.div-title-underbar { font-size:22px; text-align:center; margin-bottom:15px; /* 위젯 타이틀 */ }
.widget-index1 h2 .div-title-underbar-bold { font-weight:bold; padding-bottom:4px; border-bottom-width:4px; margin-bottom:-3px; }
.widget-index1 .widget-box { margin-bottom:40px; }
.widget-index1 .widget-img img { display:block; max-width:100%; /* 배너 이미지 */ }
@media all and (max-width:767px) {
.responsive .widget-index1 .widget-box { margin-bottom:30px; }
}
</style>
<div class="at-container1 widget-index1" style="text-align:center;">
<?php echo apms_widget('basic-title', $pure_ca_id.'-wt1', 'height=800px', 'auto=0'); //타이틀 ?>
</div>
위 위젯 <?php echo apms_widget('basic-title', $pure_ca_id.'-wt1', 'height=800px', 'auto=0'); //타이틀 ?>이 가운데 정렬이 안되고
계속 왼쪽 정렬이 되내여..
강제로 가운데 정렬 방법이 없을까여?
답변 4
링크라도 첨부하셔야 전체적인 구조를 보면서 답변을 드리기 수월하겠죠.
다른곳에 선언된 중복되는 스타일로 가운데정렬들을 막을수도 있기때문에요.
CSS 가운데(중앙) 정렬 참고하세요.
일단 익스플러어나 크롬에 개발자 도구 사용법을 익히시면 좀 빠르게 작업이 가능합니다.
페이지 자체에서 바로 수정해볼수 있고 상속된 스타일도 바로 확인 가능하니까요
크롬 요소검사로 해당 부분에 현재 적용되고 있는 css를 확인하고 수정해보세요.
css 수정시 이렇게 하시면 편합니다.
만약 의도하신 css말고 다른 css가 중복돼서 먹고 있다면 해당 부분에 !important 주시면 강제 적용 됩니다.
마진으로 잡아보시고
플랏이 적용되있는지 확인하시고 클리어 보스해주세요
이거 저도 아니면 해당 주소를 올려주셔요 확인해 볼게요
