CSS文字垂直居中和font family屬性

2022-02-13 14:48:39 字數 689 閱讀 4388

1、單行文字的垂直居中

單行文字垂直居中比較簡單,直接讓行高==盒子高度即可。

2、多行文字居中

多行文字居中,只需簡單計算一下盒子的上padding即可。計算公式:padding-top60=(盒子的高度200-文字總行數4*行高20)/2;

多行文字第一行文字縮排兩個文字,用text-indent:2em;屬性。

doctype html

>

<

html

>

<

head

>

<

style

type

="text/css"

>*p

style

>

head

>

<

body

>

<

div>

<

p>文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本

p>

div>

body

>

html

>

3、頁面中常用字型:微軟雅黑,宋體,黑體。備選字型用逗號隔開,備選字型可以有多個。times new roman和arial 只匹配英語但是一定要放在最前面才能對英文本母起作用。

CSS 垂直居中和水平居中

position relative width 500px height 500px background color ddd content background color 6699ff width 50 height 50 position absolute top 25 left 25 這兩...

CSS垂直居中和水平居中

總括 css居中一直是乙個比較敏感的話題,為了以後開發的方便,樓主覺得確實需要總結一下了,總的來說,居中問題分為垂直居中和水平居中,實際上水平居中是很簡單的,但垂直居中的方式和方法就千奇百怪了。人生用物,各有天限 夏澇太多,必有秋旱。水平居中設定 行內元素 設定 text align center ...

CSS 水平居中和垂直居中

1 水平居中 行內元素 text align center 2 水平居中 定寬塊狀元素 margin auto,滿足定寬和塊狀兩個條件的元素是可以通過設定 左右margin 值為 auto 來實現居中的。3 水平居中 不定寬塊狀元素 不定寬度的塊狀元素有三種方法居中 這三種方法目前使用的都很多 1 ...