html表格文字居中代碼

1、竭誠為您提供優(yōu)質(zhì)文檔 /雙擊可除第1頁共 18 頁html 表格文字居中代碼篇一：網(wǎng)頁 html 代碼大全常用 html 代碼解釋一、文字1. 標(biāo)題文字 .#=16； hl 為最大字，h6 為最小字2. 字體變化.【1】字體大小 .#=17;數(shù)字愈大字也愈大【2】指定字型.【3】文字顏色.rr :表紅色（red ）色碼gg :表綠色（green ）色碼bb :表藍(lán)色（blue ）色碼rrggbb 也可用 6 位顏色代碼數(shù)字3. 顯示小字體.4. 顯示大字體.5. 粗體字.竭誠為您提供優(yōu)質(zhì)文檔 /雙擊可除第2頁共 18 頁6. 斜體字.7. 打字機(jī)字體.8. 底線.9. 刪除線.10. 下標(biāo)字.

2、11. 上標(biāo)字.12. 文字閃爍效果.13. 換行（也稱回車）14. 分段15. 文字的對齊方向#號可為 left : center :表向左對齊（預(yù)設(shè)值）表向中對齊 right :表向右對齊 p.s.之后的文字都會(huì)以所設(shè)的對齊方式顯示，直到出現(xiàn)另一個(gè)改變其對齊方向，遇到或標(biāo)簽時(shí)會(huì)自動(dòng)設(shè)回預(yù)設(shè)的向左對齊。16. 分隔線【1】分隔線的粗細(xì)【2】分隔線的寬度【3】分隔線對齊方向#號可為 left :表向左對齊（預(yù)設(shè)值）center :表向中對齊 right :表向右對齊【4】分隔線的顏色【5】實(shí)心分隔線第 2 頁共 18 頁第5頁共 18 頁17.居中對齊18. 依原始樣式顯示19. 指令的屬性【

3、1】背景顏色-bgcolor【2】背景圖案-background【3】設(shè)定背景圖案不會(huì)卷動(dòng)-bgproperties【4】文件內(nèi)容文字的顏色-text【5】超連結(jié)文字顏色-link【6】正被選取的超連結(jié)文字顏色-vlink【7】已連結(jié)過的超連結(jié)文字顏色-alink20.文字移動(dòng)指令移動(dòng)速度指令是：scrollamount=#最小為 1，速度為最慢；數(shù)字越大移動(dòng)的越快。移動(dòng)方向指令是：direction=#up向上、down 向下、left第 4 頁共佃頁6. 預(yù)載圖片p.s.兩個(gè)圖的圖形大小最好一致；7. 影像地圖name=圖的名稱【1】定義形狀-shapeshape=rect :矩形 sha

4、pe=circle :圓形 shape=poly : 多邊形【2】定義區(qū)域-coordsa. 矩形：必須使用四個(gè)數(shù)字，前兩個(gè)數(shù)字為左上角座標(biāo)，后兩個(gè)數(shù)字為右下角座標(biāo)例：b. 圓形：必須使用三個(gè)數(shù)字，前兩個(gè)數(shù)字為圓心的座標(biāo)， 最后一個(gè)數(shù)字為向左、right 向右。指令舉例：.二、圖片1. 插入圖片2. 設(shè)定圖框-border3. 設(shè)定圖形大小-width 、height4. 設(shè)定圖形上下左右留空 -vspace、hspace5. 圖形附注第 4 頁共佃頁半徑長度例：c. 任意圖形（多邊形）：將圖形之每一轉(zhuǎn)折點(diǎn)座標(biāo)依序 填入例：三、表格相關(guān)1.表格標(biāo)題表格標(biāo)題位置-align#號可為 top :表

5、標(biāo)題置于表格上方（預(yù)設(shè)值）bottom :表標(biāo)題置于表格下方2. 定義列3. 定義欄位1：靠左對齊2：靠中對齊 ii 粗體【1】水平位置-align#號可為 left :向左對齊 center :向中對齊 right :向右對齊【2】垂直位置-align# 號可為top :向上對齊 middle :向中對齊 bottom :向下對齊篇二：html 不定高度多行文本垂直居中多行文本在不定高度的容器中垂直居中的方法有很多。剛做前端兩個(gè)月，參考了別人的方法，這里先寫幾種，以后會(huì)的多了再增加。第一種多行文本垂直居中的方法，如果不考慮ie8 以下第8頁共 18 頁的版本，那么可以用display:tab

6、le-cell 和vertical-align:middle 這兩個(gè) css 屬性。代碼及效果圖如 下：css 樣式：.boxdisplay:table-cell;vertical-align:middle;background-color:#cc6;height:300px;width:80%;.boxpwidth:60%;margin:0auto;text-align:left;html 結(jié)構(gòu)：文字可以垂直中文字可以垂直居中文字可以垂直居中文字可以垂直居中文字可以垂直中第9頁共 18 頁第二種多行文本垂直居中的方法，用偽元素:after配合display:inline-block 和ver

7、tical-align:middle來使文字垂直居中。代碼及效果圖如下：css 代碼：.box第 7 頁共 18 頁width:100%;height:300px; background-color:#cc6; vertical-align:middle; font-size:0;.box:aftercontent:; display:inline-block; background-color:#90c; width:0px;height:100%; vertical-align:middle;pvertical-align:middle; font-size:16px; display:i

8、nline-block; width:auto;html 結(jié)構(gòu)代碼：文字可以垂直中文字可以垂直居中文字可以垂直居中文字可以垂直居中文字可以垂直中可以看到效果跟第一種差不多，如果把.box:after 的寬度設(shè)置為 10px，你會(huì)發(fā)現(xiàn)效果如下圖：其中.box 中 font-size:0 是為了消除 display:inline-block元素之間的空隙，產(chǎn)生 inline-block空隙的根本性原因是：html 中的換行符、空格符、制表符等 合并為空白符，第11頁共 18 頁字體大小不為0 的情況下，空白符自然占據(jù)一定的寬度，因此產(chǎn)生了元素間的空隙。如果寬度不夠，紫 色的豎條可能會(huì)跑到文字的下方。文字垂直居中的屬性 vertical-align:middle 是有相對 元素的，相對于誰垂直居中，這里設(shè)置了 after 偽元素，高 度為 100%,與外邊的容器.box同樣高，文本相對于它垂直 居中，也就等于是相對于外邊的容器垂直居中了。文章首發(fā)于言小魚的個(gè)人博客篇三：html 表格布局實(shí)例html表格布局之實(shí)例版|前面我們講了 html 表格的基礎(chǔ)知識，今天我們通過一個(gè)實(shí)例讓大家更清晰的了解下表格的用途。例如：我們做一個(gè)簡單的網(wǎng)站布局，代碼如下:bordercolor=