테스트 사이트 - 개발 중인 베타 버전입니다

인덱스 페이지에서 section정렬 채택완료

psmjya 2년 전 조회 1,585

인덱스 페이지 날려 먹어서 복구 중인데.... 다행히 제작 해주신쪽에서 완성본은 아니지만 카피파일이 있어 활용중입니다.ㅠㅠ

 

 

나무와 친환경, 그리고 함께하는 친환경소재와 업사이클링으로 환경을 생각하고 함께 이루어가는 기업

   

Education Service eco-friendly products upcycling service society together

교육하고 실습하여 업사이클링서비스와 친환경제품제작 판매와, 진로, 창업 지원을 제공하여 취약계층의 자립을 지원하고 그들과 환경문제를 함께 풀어가고 있습니다, 

 

이부분이 화면 가운데 보여져야 하는데 계속 아래처럼 나오네요..ㅠㅠ

warp정렬로 검색도 해보고 이것 저것 넣어봤는데 글씨크기도 마으매로 안되고...ㅠㅠ

만 영문글씨처럼 커지고 다른건 적용이 안되고.....

가운데 정렬도 안되고..ㅠㅠ  

어떻게 해야 하나요~!!!!!

PC에서도 가운데 정렬

Mobile에서도 화면 잘리지 않게 보이고 싶어요!!

도와주세요~~~

 

에디트 플러스에서 확인한 소스입니다.(__)

 

 

   

     
         

나무와 친환경, 그리고 함께하는 친환경소재와 업사이클링으로 환경을 생각하고 함께 이루어가는 기업

   

Education Service eco-friendly products upcycling service society together

교육하고 실습하여 업사이클링서비스와 친환경제품제작 판매와, 진로, 창업 지원을 제공하여 취약계층의 자립을 지원하고 그들과 환경문제를 함께 풀어가고 있습니다, 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
F
2년 전

텍스트가 가운데 정렬을 하고 싶으신거면 저기 해당하는 h1, h2, p에 text-align:center 속성을 넣어주시면 됩니다. 

 

 

저 내용들이 좌측정렬을 한 상태로 가운데 정렬을 하고 싶으신 거면 

.tl_company_box_warp .inner{display:flex;justify-content:center; align-items:center;flex-wrap:wrap;flex-wrap:wrap;} .tl_company_box_warp .inner h2, .tl_company_box_warp .inner h1, .tl_company_box_warp .inner p{width:100%;}

 

아마 이렇게 처리하면 될것 같은데 지금 css 어떻게 셋팅돼 있는지도 확인해 봐야 됩니다. 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

p
psmjya
2년 전
감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
2년 전

목차1번 가운데정렬 원리에 관해서 30분 정도만 투자해 공부해 보세요.

https://homzzang.com/b/css-254

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

p
psmjya
2년 전
아침부터 보고 있는데... 기초 지식도 없이 들이대고 있다 보니 어렵네요^^;;; 이해가 안가요.ㅠ.ㅠ
엑스엠엘
2년 전
해당 페이지 주소(URL)를 올려 보세요

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인