> 웹 프론트엔드 > CSS 튜토리얼 > layout-flow 속성 사용법에 대한 자세한 설명

layout-flow 속성 사용법에 대한 자세한 설명

零下一度
풀어 주다: 2017-06-19 16:52:39
원래의
2660명이 탐색했습니다.

구문:

layout-flow : horizontal | vertical-ideographic
로그인 후 복사

매개변수:
horizontal: object의 콘텐츠는 왼쪽부터 흐릅니다. 다음 줄은 이전 줄 아래에 있습니다. 이 값은 라틴어 ​​
vertical-ideographic에 적합합니다. 개체의 내용은 위에서 아래로 흐르며 다음 줄은 이전 줄의 왼쪽에 옵니다. 이 값은 아시아 언어에 적합합니다. ​​
설명:
개체 내 텍스트의 흐름과 방향을 설정하거나 검색합니다.
이 속성의 값이 변경되면 text-align 속성과 vertical-align 속성의 기능도 변경됩니다.
해당 스크립트 기능은layoutFlow입니다. 제가 쓴 다른 책들도 참조해 주세요.

이 속성의 값이 변경되면 text-align 속성과 일반 정렬 속성의 기능도 변경됩니다.
다음 요소의 경우 스타일 시트 속성을 상속할 수 없습니다.

이 속성의 효과는 누적되지 않습니다. 예를 들어 상위 개체의 이 속성 값이  tb-rl 로 설정된 경우 하위 개체의 이 속성 값을  tb-rl 로 설정해도 하위 개체가 회전되지 않습니다.
개체의 writing-mode 속성 설정이 상위 개체와 다른 경우 자체 레이아웃을 갖게 됩니다. 이러한 객체의 너비는 첫 번째로 배치된 상위 객체의 높이를 사용하여 결정됩니다.
다른 pwriting-modep 속성 값을 가진 개체를 사용할 때 각 개체에 특정 크기를 지정하면 레이아웃을 전체적으로 더 잘 제어할 수 있습니다.
이 속성은 pcurrentStyle 개체에 대해 읽기 전용입니다. 다른 객체에서 읽고 쓸 수 있습니다.
해당 스크립트 기능은

layout-flow:vertical-ideographic입니다.
"하나, 둘, 셋, 넷, 다섯, 여섯, 일곱, 여덟, 아홉〇"과 같이 고대 중국어처럼 텍스트를 배열하는 것을 의미합니다. , 일반적으로 왼쪽에서 오른쪽으로. 이 문장을 사용한 후에는 텍스트가 오른쪽에서 왼쪽으로, 열별로 수직으로 배열됩니다.


하나 둘 셋 넷 다섯 여섯 일곱 여덟 아홉〇, 이 코드를 시도해 보면 의미를 알게 될 것입니다. 다만, IE의 고유한 속성이고 파이어폭스 등과 호환되지 않기 때문에 사용을 권장하지 않습니다.

위 내용은 layout-flow 속성 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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