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

1.

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

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

direction:ltr;//这个是默认值
direction:rtl

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

<p class="rtl">
	<img  src="/static/imghwm/default1.png"  data-src="1.png"  class="lazy"  / alt="CSS의 방향 사용에 대한 자세한 설명" >
	<img  src ="2.png"/ alt="CSS의 방향 사용에 대한 자세한 설명" >
</p>

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

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

<p class="rtl"><span>span1</span> <span>span2</span></p>

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

그럼 "인라인 요소 블록"이란 무엇인가요? , , ,

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