- HTML5+CSS3+JavaScript 從入門到項(xiàng)目實(shí)踐(超值版)
- 聚慕課教育研發(fā)中心
- 333字
- 2020-06-29 17:37:24
5.3 設(shè)置網(wǎng)頁(yè)文本的對(duì)齊方式
網(wǎng)頁(yè)文本的對(duì)齊方式有兩種,分別是水平對(duì)齊方式和垂直對(duì)齊方式。
5.3.1 控制文本的水平對(duì)齊方式

text-align屬性用于設(shè)置文本的對(duì)齊方式,它的取值如表5-5所示。
表5-5 text-align的屬性值

【例5-11】(實(shí)例文件:ch05\Chap5.11.html)控制文本水平對(duì)齊方式。

相關(guān)的代碼實(shí)例請(qǐng)參考Chap5.11.html文件,在IE瀏覽器中運(yùn)行的結(jié)果如圖5-11所示。

圖5-11 控制文本的水平對(duì)齊方式
5.3.2 控制文本的垂直對(duì)齊方式

vertical-align屬性用于定義垂直對(duì)齊方式,該屬性定義行內(nèi)元素的基線相對(duì)于該元素所在行的基線的垂直對(duì)齊,允許指定負(fù)長(zhǎng)度值和百分比值。這個(gè)屬性一般設(shè)置單元格框中的單元格內(nèi)容的對(duì)齊方式,它的取值如表5-6所示。
表5-6 vertical-align的屬性值

【例5-12】(實(shí)例文件:ch05\Chap5.12.html)控制文本的垂直對(duì)齊方式。

相關(guān)的代碼實(shí)例請(qǐng)參考Chap5.12.html文件,在IE瀏覽器中運(yùn)行的結(jié)果如圖5-12所示。

圖5-12 控制文本的垂直對(duì)齊方式
推薦閱讀
- 移動(dòng)UI設(shè)計(jì)(微課版)
- Java EE 6 企業(yè)級(jí)應(yīng)用開發(fā)教程
- Rust實(shí)戰(zhàn)
- Debian 7:System Administration Best Practices
- 程序員面試算法寶典
- Mastering Python Scripting for System Administrators
- Java游戲服務(wù)器架構(gòu)實(shí)戰(zhàn)
- Access 2010數(shù)據(jù)庫(kù)基礎(chǔ)與應(yīng)用項(xiàng)目式教程(第3版)
- Java性能權(quán)威指南(第2版)
- Spring核心技術(shù)和案例實(shí)戰(zhàn)
- C語(yǔ)言程序設(shè)計(jì)
- MySQL入門很輕松(微課超值版)
- Distributed Computing in Java 9
- 深入實(shí)踐DDD:以DSL驅(qū)動(dòng)復(fù)雜軟件開發(fā)
- Python大規(guī)模機(jī)器學(xué)習(xí)