CSS에서 단어 위치를 변경하는 방법

CSS에서 글꼴 위치를 변경하는 방법: 1. 텍스트 정렬을 통해 글꼴 위치를 설정합니다. 2. 패딩과 여백을 사용하여 글꼴 위치를 설정합니다. 3. 텍스트 들여쓰기를 사용하여 글꼴 위치를 설정합니다. 위치를 통한 글꼴 위치.

이 기사의 운영 환경: Windows 7 시스템, css3 버전, DELL G3 컴퓨터

css에서 글꼴 위치를 설정하려면 text-align 속성을 사용할 수 있고, text-align 속성은 정렬을 설정하는 데 사용됩니다. 콘텐츠 왼쪽 정렬, 가운데 정렬 오른쪽 정렬, 가운데 정렬 등 텍스트의 내용을 정렬합니다. CSS 글꼴 위치는 패딩, 여백, 텍스트 들여쓰기 및 위치를 설정하여 얻을 수도 있습니다.

css는 글꼴 위치를 설정합니다

1. text-align은 글꼴 위치를 설정합니다

text-align 구문:

text-align : left | right | center | justify

text-align 매개변수 값 및 설명:

왼쪽: 왼쪽 정렬

오른쪽: 오른쪽 정렬

center: Centered

*justify: 양쪽 끝 정렬(권장하지 않음, 일반적으로 대부분의 브라우저에서 사용하지 않음)

예:

p{
    text-align: left; /* 位置居左 */
    text-align: center; /* 位置居中 */
    text-align: right; /* 位置居右 */
}

2, padding, margin은 글꼴 위치를 설정합니다.

이 속성을 패딩하면 모든 내부 가장자리가 설정됩니다. 요소 패딩의 너비 또는 각 측면의 패딩 너비를 설정합니다. 대체되지 않은 인라인 요소에 설정된 패딩은 줄 높이 계산에 영향을 주지 않습니다. 따라서 요소에 패딩과 배경이 모두 있는 경우 시각적으로 다른 줄로 확장되어 다른 콘텐츠와 겹칠 수 있습니다. 요소의 배경은 패딩을 가로질러 확장됩니다. 음수 여백 값은 허용되지 않습니다.

여백 속성은 요소의 모든 여백 너비를 설정하거나 각 측면의 여백 너비를 설정합니다.

예:

p{
    padding: 100px 200px; /* 文字距离上下有100px内边距 距离左右有200内边距 */
    margin: 100px 200px; /* 文字距离上下有100px外边距 距离左右有200外边距 */
}

3. text-indent는 글꼴 위치를 설정합니다.

text-indent 속성은 텍스트 블록의 첫 번째 텍스트 줄 들여쓰기를 지정합니다.

예:

p{
    text-indent: 50px; /* 首行缩进50px */
}

4. 위치는 글꼴의 위치를 ​​설정합니다.

위치 속성은 요소의 위치 지정 유형을 지정합니다. 설정값이 절대, 상대, 고정인 경우 상, 우, 하, 좌 속성을 이용하여 위치를 지정할 수 있습니다.

p{
    position: fixed; /* 相对于浏览器窗口定位 */
    left: 100px;     /* 距离浏览器左边100px */
    top: 200px;      /* 距离浏览器上边200px */
}

【추천 학습: css 동영상 튜토리얼】

위 내용은 CSS에서 단어 위치를 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!