సిఎస్ఎస్ టెక్స్ట్ అలిగ్న్

文本对齐

text-align 属性用于设置文本的水平对齐方式。

文本可以左对齐或右对齐,或居中对齐。

下例展示了居中对齐以及左右对齐的文本(如果文本方向是从左到右,则默认为左对齐;如果文本方向是从右到左,则默认是右对齐):

ఉదాహరణ

h1 {
  text-align: center;
}
h2 {
  text-align: left;
}
h3 {
  text-align: right;
}

స్వయంగా ప్రయత్నించండి

ఉన్నప్పుడు text-align అంతర్జాతీయ వినియోగంలో ప్రతి ఒక్క పంక్తిని విస్తరించి, ప్రతి పంక్తికి సమానమైన వెడల్పు కల్పించడానికి, మరియు కాంత్రిక మార్గాలు సరిగ్గా ఉండేటట్లుగా స్థాయించబడింది (పత్రికలు మరియు పత్రికలు వంటివి వంటిది):

ఉదాహరణ

div {
  text-align: justify;
}

స్వయంగా ప్రయత్నించండి

文本方向

directionunicode-bidi 属性可用于更改元素的文本方向:

ఉదాహరణ

p {
  direction: rtl;
  unicode-bidi: bidi-override;
}

స్వయంగా ప్రయత్నించండి

వర్టికల్ ఆలిగ్న్

vertical-align అట్రిబ్యూట్ యొక్క వర్టికల్ ఆలిగ్న్ మార్చడానికి ఉపయోగిస్తారు.

ఈ ఉదాహరణలో, టెక్స్ట్ లో ఇమేజ్ యొక్క వర్టికల్ ఆలిగ్న్ మార్చడాన్ని చూడండి:

ఉదాహరణ

img.top {
  vertical-align: top;
}
img.middle {
  vertical-align: middle;
}
img.bottom {
  vertical-align: bottom;
}

స్వయంగా ప్రయత్నించండి