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

css 질문 채택완료

김갑수갑수 4년 전 조회 3,730

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        .container{

            display:flex;  

            flex-direction:column;

            justify-content:center;

        }

    </style>

</head>

<body>

    <div class="container">

        <span class="item1">1515</span>

        <span class="item2">1515151515</span>

    </div>

    

</body>

</html>

 

저는 

   1515

1515151515

이런식으로 나오게 하고 싶은데

justify-content:center;를 추가해도 가운데로 안가더라고요.

align-items:center;를 하면 전체가 가운데로 가버리고,,,

padding이나 margin말고 해결방법은 없나요??

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

답변 4개

채택된 답변
+20 포인트
wavvvy
4년 전

span을 div 로 변경하고

container 에 css로
text-align:center; 속성을 주면 됩니다.

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

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

s
sinbi Expert
4년 전

가운데 정렬 원리

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

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

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

이런 방법도 있습니다.

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

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

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

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

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

로그인