토론방

소스관련 서브페이지 컨텐츠 정렬

전체적으로 가운데정렬을 하고 싶은데 안되네요 ㅜㅜ

게시글 공유 URL복사
댓글[1]

열기 닫기

  • 배**영 2016-02-18

    서브페이지 내부에는 css 소스가 따로 작성되어 있지 않습니다.

    현재 위에 p태그 img는 p태그에 style="width:100%;text-align:center"를 적용시켜 주시면 되시고

    아래 table태그 같은 경우는 style="margin:0 auto;"를 적용해줘야 센터정렬이됩니다.

    서브페이지를 전체를 감싸고 있는부분에 text-align:center를 줘도 table태그(block요소)등의 태그는 텍스트만 중앙정렬이 되고 레이아웃은 중앙으로 오지 않습니다.

    ※ block 요소 center정렬 방법

    width값을 지정해주시고 margin:0 auto;를 주시면 됩니다. {width:100px;margin:0 auto;}

    block요소를 inline요소로 변경시켜 센터 정렬방법도 있습니다. {display:inline-block;text-align:center;font-size:0;} 이 방법은 하위 요소에 font-size를 따로 지정해주셔야 합니다.

     

    참고 : html 블록요소

    address blockquote center dir div dl
    fieldset form h1~h6 hr isindex menu
    noframes ol p pre table ul

    html 인라인요소

    a abbr acronym applet b basefont
    bdo big br button cite code
    dfn em font i iframe img
    input kbd label map object q
    s samp select small span strike
    strong sub sup textarea tt u

    var

     

    등이 있습니다. 블록요소는 여러개 같이 작성 했을 경우 자동줄바꿈이 된다고 생각하시면 되고

    인라인요소는 여러개 같이 작성을 해도 줄바꿈이 되지않고 같은줄에 계속 이어집니다.

댓글작성

열기 닫기

댓글작성
top