페이지를 만들 때 텍스트와 이미지를 중앙에 배치해야 하는 상황이 자주 발생합니다. 이때 텍스트의 line-height 속성을 텍스트를 감싸는 요소의 높이와 동일하게 설정하여 텍스트를 중앙에 배치해 보겠습니다. 이 현상을 먼저 보세요.
1 nbsp;html> 2 3 4 <meta> 5 <title>行高</title> 6 <style> 7 .line-height-demo { 8 background-color: red; 9 height: 100px;10 font-size: 30px;11 }12 </style>13 14 15 <div>16 这是一个测试行高的文本17 </div>18 19
기본적으로 텍스트는 div의 왼쪽 상단에 배치됩니다. 이제 텍스트의 줄 높이 속성을 설정하세요.
이제 텍스트가 마술처럼 중앙에 배치되는 것을 볼 수 있습니다. .이것이 왜일까요? 그 이유를 알기 위해서는 line-height 속성이 무엇인지, 그리고 그것이 무엇을 의미하는지 이해해야 합니다. line-height 속성은 줄 사이의 거리인 줄 간격을 설정하는 데 사용됩니다. 이를 일반적으로 줄 높이라고 합니다. 좀 더 공식적으로는 텍스트 줄의 기준선 사이의 거리로 설명됩니다. 여기서 설명해야 할 용어가 있습니다. 예, 기준선입니다. 그렇다면 기준점은 무엇입니까? 아래 사진을 보시면
초등학교에서 병음을 배울 때 사용하는 4선 3격자 템플릿입니다. 이 템플릿은 줄 높이 원리를 기반으로 한 템플릿과 매우 유사합니다. 소개됩니다.
위 그림에 따르면 다음과 같은 등가 관계를 쉽게 그릴 수 있습니다.
줄 높이 = 텍스트 두 줄 사이의 기준선 사이의 거리 = 텍스트 상단 줄에서 텍스트 기준선 + 텍스트 기준선에서 텍스트 하단 본문 줄 + 두 줄 간격 = 본문 윗 줄 + 본문 아랫 줄 + 두 줄 간격(위 0.5배 + 아래 0.5배) 본문의 위와 아래는 줄 간격의 0.5배이므로, 텍스트는 자연스럽게 중간 위치에 위치하게 됩니다. 이는 텍스트의 줄 높이를 텍스트를 감싸는 요소의 높이와 동일하게 설정한 후 텍스트가 중앙에 배치되는 이유도 설명합니다.
위 내용은 페이지를 만들 때 줄 높이를 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

在css中,可用list-style-type属性来去掉ul的圆点标记,语法为“ul{list-style-type:none}”;list-style-type属性可设置列表项标记的类型,当值为“none”可不定义标记,也可去除已有标记。

区别是:css是层叠样式表单,是将样式信息与网页内容分离的一种标记语言,主要用来设计网页的样式,还可以对网页各元素进行格式化;xml是可扩展标记语言,是一种数据存储语言,用于使用简单的标记描述数据,将文档分成许多部件并对这些部件加以标识。

在css中,可以利用cursor属性实现鼠标隐藏效果,该属性用于定义鼠标指针放在一个元素边界范围内时所用的光标形状,当属性值设置为none时,就可以实现鼠标隐藏效果,语法为“元素{cursor:none}”。

转换方法:1、给英文元素添加“text-transform: uppercase;”样式,可将所有的英文字母都变成大写;2、给英文元素添加“text-transform:capitalize;”样式,可将英文文本中每个单词的首字母变为大写。

在css中,rtl是“right-to-left”的缩写,是从右往左的意思,指的是内联内容从右往左依次排布,是direction属性的一个属性值;该属性规定了文本的方向和书写方向,语法为“元素{direction:rtl}”。

在css中,可以利用“font-style”属性设置i元素不是斜体样式,该属性用于指定文本的字体样式,当属性值设置为“normal”时,会显示元素的标准字体样式,语法为“i元素{font-style:normal}”。

在css3中,可以用“transform-origin”属性设置rotate的旋转中心点,该属性可更改转换元素的位置,第一个参数设置x轴的旋转位置,第二个参数设置y轴旋转位置,语法为“transform-origin:x轴位置 y轴位置”。


핫 AI 도구

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

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

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

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

인기 기사

뜨거운 도구

PhpStorm 맥 버전
최신(2018.2.1) 전문 PHP 통합 개발 도구

Dreamweaver Mac版
시각적 웹 개발 도구

SecList
SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

MinGW - Windows용 미니멀리스트 GNU
이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.
