>  기사  >  웹 프론트엔드  >  '마진:0 atuo;'은(는) 무슨 뜻인가요?

'마진:0 atuo;'은(는) 무슨 뜻인가요?

Guanhui
Guanhui원래의
2020-05-29 15:26:295043검색

'마진:0 atuo;'은(는) 무슨 뜻인가요?

"margin:0 atuo;"은(는) 무슨 뜻인가요?

"margin:0 atuo;"는 수평 중심 정렬을 의미합니다. 여백 뒤에 매개변수가 두 개만 있는 경우 첫 번째는 위쪽과 아래쪽을 나타내고 두 번째는 왼쪽과 오른쪽을 나타내며 위쪽과 아래쪽 경계는 0입니다. 왼쪽과 오른쪽은 너비에 따라 동일한 값으로 적용되므로 수평 중심을 의미하는 표현입니다.

CSS 수평 센터링 방식

인라인 요소:

인라인 요소는 인라인 요소입니다. 예를 들어, , ,

"text-align:center" 스타일로 컨테이너를 직접 구축하면 그 안에 포함된 모든 인라인 요소가 중앙에 배치됩니다.

 <div style="text-align:center;border-style:solid">
        <p style="border-style:solid;width:500px">我是块级元素,我不居中</p>
        <span style="border-style:solid">我是行内元素,我要居中</span>
    </div>

블록 수준 요소:

블록 수준 요소에는 div, p, form, ul, li, ol, dl, form, address, fieldset, hr, menu, table

고정 너비는 실제로 해결하기 쉽습니다. . 컨테이너를 중앙에 배치하려면 margin:0 auto를 사용하고, 텍스트를 중앙에 배치하려면 text-align:center를 추가하면 됩니다.

<p style="border-style:solid;text-align:center;margin:0 auto;width:500px">我是定宽块级元素,我要居中</p>

추천 튜토리얼: "CSS Tutorial"



위 내용은 '마진:0 atuo;'은(는) 무슨 뜻인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.