HTML에서 텍스트를 가운데 정렬하는 방법은 무엇입니까? (코드 예)-HTML 튜토리얼-php.cn

HTML에서 텍스트를 가운데 정렬하는 방법은 무엇입니까? (코드 예)

藏色散人

풀어 주다： 2018-08-10 17:38:03

원래의

60230명이 탐색했습니다.

이 글에서는 주로 HTML 텍스트 센터링 코드 작성 방법을 소개합니다. 도움이 필요한 사람들에게 도움이 되기를 바랍니다.

html 텍스트 센터링 코드의 구체적인 예는 다음과 같습니다.

<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>html文字居中测试</title>
    <meta charset="UTF-8">
    <style type="text/css">
        body{background: #ddd;}
        div{width:300px;height:180px;margin:10px auto;color:#fff;font-size:24px;}
        .box1{background: #71a879;text-align: center;}
        .box2{background: #6a8bbc;line-height: 200px;}
        .box3{background: #dea46b;text-align: center;line-height: 200px;}
    </style>
</head>
<body>
<div  class="box1">html文字水平居中</div>
<div  class="box2">html文字垂直居中</div>
<div  class="box3">html文字水平上下居中</div>
</body>
</html>

로그인 후 복사

위 코드의 효과는 아래와 같이 로컬에서 테스트됩니다. :

HTML에서 텍스트를 가운데 정렬하는 방법은 무엇입니까? (코드 예)