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

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

Jun 19, 2017 pm 04:52 PM
재산 용법

구문:

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

JSP 주석의 용도 및 분류 분석 JSP 주석의 용도 및 분류 분석 Feb 01, 2024 am 08:01 AM

JSP 주석 분류 및 활용 분석 JSP 주석은 두 가지 유형으로 구분됩니다. 한 줄 주석: 로 끝나는 코드로 한 줄만 주석을 달 수 있습니다. 여러 줄 주석: /*로 시작하고 */로 끝나는 경우 여러 줄의 코드에 주석을 달 수 있습니다. 한 줄 주석 예 여러 줄 주석 예/**여러 줄 주석입니다*여러 줄의 코드에 주석을 달 수 있습니다*/JSP 주석 사용 JSP 주석을 사용하여 JSP 코드에 주석을 달면 읽기 쉬워집니다.

WPSdateif 함수 사용 WPSdateif 함수 사용 Feb 20, 2024 pm 10:27 PM

WPS는 일반적으로 사용되는 사무용 소프트웨어 제품군이며 WPS 테이블 기능은 데이터 처리 및 계산에 널리 사용됩니다. WPS 테이블에는 두 날짜 사이의 시차를 계산하는 데 사용되는 매우 유용한 함수인 DATEDIF 함수가 있습니다. DATEDIF 함수는 영어 단어 DateDifference의 약어입니다. 구문은 다음과 같습니다. DATEDIF(start_date,end_date,unit) 여기서 start_date는 시작 날짜를 나타냅니다.

C 언어에서 종료 기능을 올바르게 사용하는 방법 C 언어에서 종료 기능을 올바르게 사용하는 방법 Feb 18, 2024 pm 03:40 PM

C 언어에서 종료 기능을 사용하려면 특정 코드 예제가 필요합니다. C 언어에서는 프로그램 초기에 프로그램 실행을 종료하거나 특정 조건에서 프로그램을 종료해야 하는 경우가 많습니다. C 언어에서는 이 기능을 구현하기 위해 exit() 함수를 제공합니다. 이 기사에서는 exit() 함수의 사용법을 소개하고 해당 코드 예제를 제공합니다. Exit() 함수는 C 언어의 표준 라이브러리 함수로 헤더 파일에 포함되어 있습니다. 그 기능은 프로그램 실행을 종료하는 것이며 정수를 취할 수 있습니다.

MySQL ISNULL 함수에 대한 자세한 설명 및 사용법 소개 MySQL ISNULL 함수에 대한 자세한 설명 및 사용법 소개 Mar 01, 2024 pm 05:24 PM

MySQL의 ISNULL() 함수는 지정된 표현식이나 열이 NULL인지 여부를 확인하는 데 사용되는 함수입니다. 부울 값을 반환하며, 표현식이 NULL이면 1, 그렇지 않으면 0을 반환합니다. ISNULL() 함수는 SELECT 문이나 WHERE 절의 조건부 판단에 사용할 수 있습니다. 1. ISNULL() 함수의 기본 구문: ISNULL(expression) 여기서 표현식은 NULL인지 또는 NULL인지를 결정하는 표현식입니다.

Apple 단축키를 사용하는 방법 Apple 단축키를 사용하는 방법 Feb 18, 2024 pm 05:22 PM

Apple 단축키 명령 사용 방법 지속적인 기술 발전으로 휴대폰은 사람들의 삶에 없어서는 안될 부분이 되었습니다. 수많은 휴대폰 브랜드 중에서도 Apple 휴대폰은 안정적인 시스템과 강력한 기능으로 늘 사용자들의 사랑을 받아왔습니다. 그 중 Apple 단축키 명령 기능은 사용자의 휴대폰 경험을 더욱 편리하고 효율적으로 만들어줍니다. Apple Shortcuts는 Apple이 iOS12 이상 버전을 위해 출시한 기능으로, 사용자 정의 명령을 생성하고 실행하여 보다 효율적인 작업을 수행하고 휴대폰 작업을 단순화하는 데 도움이 됩니다.

SQL 구문 분석에서 고유 키워드 사용 SQL 구문 분석에서 고유 키워드 사용 Feb 18, 2024 pm 09:21 PM

SQL의 고유한 사용법에 대한 자세한 설명 SQL 데이터베이스에서는 중복된 데이터를 제거해야 하는 상황이 자주 발생합니다. 이때, 고유한 키워드를 사용하면 중복된 데이터를 제거하고 쿼리 결과를 보다 명확하고 정확하게 만드는 데 도움이 됩니다. 구별의 기본 사용법은 매우 간단합니다. 선택 문에서 구별 키워드를 사용하면 됩니다. 예를 들어, 다음은 일반적인 선택 문입니다: SELECTcolumn_name

CSS의 하단 속성 구문 CSS의 하단 속성 구문 Feb 21, 2024 pm 03:30 PM

CSS의 하단 속성 구문 및 코드 예제 CSS에서 하단 속성은 요소와 컨테이너 하단 사이의 거리를 지정하는 데 사용됩니다. 상위 요소의 아래쪽을 기준으로 요소의 위치를 ​​제어합니다. Bottom 속성의 구문은 다음과 같습니다. element{bottom:value;} 여기서 element는 스타일을 적용할 요소를 나타내고, value는 설정할 아래쪽 값을 나타냅니다. 값은 픽셀과 같은 특정 길이 값일 수 있습니다.

CSS 변환을 사용하여 요소 변환 CSS 변환을 사용하여 요소 변환 Feb 24, 2024 am 10:09 AM

CSS에서 Transform의 사용 CSS의 Transform 속성은 HTML 요소의 이동, 회전, 크기 조정 및 기울이기와 같은 작업을 수행할 수 있는 매우 강력한 도구입니다. 요소의 모양을 극적으로 바꾸고 웹 페이지를 더욱 창의적이고 역동적으로 만들 수 있습니다. 이 기사에서는 Transform의 다양한 용도를 자세히 소개하고 구체적인 코드 예제를 제공합니다. 1. 이동(Translate) 이동이란 요소를 x축, y축을 따라 지정된 거리만큼 이동하는 것을 말합니다. 구문은 다음과 같습니다:

See all articles