CSS의 방향 사용에 대한 자세한 설명

黄舟
풀어 주다: 2017-07-27 14:30:20
원래의
2742명이 탐색했습니다.

1.

일반적인 응용 프로그램에서는 CSS 방향의 사용에 거의 관심을 기울이지 않습니다. 오늘은 가끔 관련 내용을 보고 CSS 방향이 사용하기 매우 편리한 경우가 많습니다.

2 우선 두 가지 중요한 내용에 주목할 필요가 있습니다.

direction:ltr;//这个是默认值
direction:rtl
로그인 후 복사

ltr은 왼쪽에서 오른쪽을 의미하는 초기 값이고, rtl은 또 다른 값인 오른쪽입니다. -to- left의 약어는 오른쪽에서 왼쪽으로를 의미합니다.

<p class="rtl">
	<img src="1.png"/>
	<img src ="2.png"/>
</p>
로그인 후 복사

trl 속성을 p로 방향을 설정하면 1.png는 오른쪽, 2.png는 왼쪽이 됩니다.

rtl 속성을 설정하면 텍스트 순서가 변경되지 않는다는 점에 유의해야 합니다.

<p class="rtl"><span>span1</span> <span>span2</span></p>
로그인 후 복사

인라인의 왼쪽 및 오른쪽 순서만 있기 때문입니다. 요소 블록이 변경되면 모든 텍스트는 인라인 태그로 구분되어 있어도 실제로는 동질적인 인라인 상자이며 전체적으로 처리됩니다. 따라서 대략적인 오른쪽 정렬 효과만 있을 뿐 왼쪽 및 오른쪽 순서에는 변화가 없습니다. 각 텍스트.


그럼 "인라인 요소 블록"이란 무엇인가요? CSS의 방향 사용에 대한 자세한 설명,

위 내용은 CSS의 방향 사용에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿