|
導(dǎo)讀網(wǎng)頁的本質(zhì)就是超級文本標(biāo)記語言，通過結(jié)合使用其他的Web技術(shù)（如：腳本語言、公共網(wǎng)關(guān)接口、組件等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。因而，超級文本標(biāo)記語言是萬維網(wǎng)（Web）編程的基礎(chǔ)，也就是說萬維網(wǎng)是建立... 網(wǎng)頁的本質(zhì)就是超級文本標(biāo)記語言，通過結(jié)合使用其他的Web技術(shù)（如：腳本語言、公共網(wǎng)關(guān)接口、組件等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。因而，超級文本標(biāo)記語言是萬維網(wǎng)（Web）編程的基礎(chǔ)，也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級文本標(biāo)記語言之所以稱為超文本標(biāo)記語言，是因?yàn)槲谋局邪怂^“超級鏈接”點(diǎn)。 在瀏覽網(wǎng)頁時(shí)，經(jīng)常看到一些段落他是垂直對齊的，今天這篇文章就和大家講講如何用CSS設(shè)置段落的垂直對齊，有需要的朋友可以參考一下，希望對你有所幫助。CSS中通過屬性vertical-align來設(shè)置段落的垂直對齊方式。 注意，對于文字本身而言，該屬性對于塊級元素并不起作用，例如<p>和<div>等標(biāo)記，但是，對于表格而言，這個(gè)屬性十分的重要。 <span style="font-size:24px;"><html>
<head>
<title>
垂直對齊
</title>
<style>
<!--
td.top{vertical-align:top;}
td.bottom{vertical-align:bottom;}
td.middle{vertical-align:middle;}
-->
</style>
</head>
<body>
<table cellpadding="2" cellspacing="0" border="1">
<tr>
<td><img src="http://scs.ganjistatic1.com/gjfs12/M09/A3/B3/CgEHC1VGJz2HZm6eAAEe8iEJ1Go460_600-0_6-0.jpg" border="0"></td>
<td class="top">垂直對齊方式，top</td>
</tr>
<tr>
<td><img src="http://scs.ganjistatic1.com/gjfs12/M09/A3/B3/CgEHC1VGJz2HZm6eAAEe8iEJ1Go460_600-0_6-0.jpg" border="0"></td>
<td class="bottom">垂直對齊方式，bottom</td>
</tr>
<tr>
<td><img src="http://scs.ganjistatic1.com/gjfs12/M09/A3/B3/CgEHC1VGJz2HZm6eAAEe8iEJ1Go460_600-0_6-0.jpg" border="0"></td>
<td class="middle">垂直對齊方式，middle</td>
</tr>
</body>
</html>
</span>如上代碼，建立了一個(gè)3行2列的表格，其中左側(cè)一列均為圖片，起到了將單元格的高度加大的作用，同時(shí)也作為對比。 右側(cè)的一列為文字，分別采用了頂端對齊、底端對齊和中間對齊的方式，對應(yīng)的CSS的值分別為top、bottom和middle。 如果，對vertical-align屬性設(shè)置了具體的數(shù)值，對于文字本身，則可以在垂直方向上發(fā)生位移。 <span style="font-size:24px;"><html>
<head>
<title>
垂直對齊
</title>
<style>
<!--
span.zs{vertical-align:10px;}
span.fs{vertical-align:-10px;}
-->
</style>
</head>
<body>
<p>給對齊屬性設(shè)置具體<span class="zs">數(shù)值</span>，正數(shù)</p>
<p>給對齊屬性設(shè)置<span class="fs">具體</span>數(shù)值，負(fù)數(shù)</p>
</body>
</html>
</span>如上代碼，當(dāng)屬性值為正數(shù)時(shí)，文字將向上移動相應(yīng)的數(shù)值，設(shè)置為負(fù)數(shù)時(shí)則向下移動。 此外，vertical屬性還有很多其他值，不過主要是適用于圖片。 以上就是如何用CSS設(shè)置段落的垂直對齊（附代碼）的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！ 網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。 |
溫馨提示：喜歡本站的話，請收藏一下本站！
本站發(fā)布的Win7純凈版系統(tǒng)、Win10純凈版和XP純凈版系統(tǒng)僅為個(gè)人學(xué)習(xí)測試使用，請?jiān)谙螺d后24小時(shí)內(nèi)刪除，不得用于任何商業(yè)用途，否則后果自負(fù)，請支持購買微軟正版軟件！
本站所有資源全部來自于網(wǎng)絡(luò)資源,如侵犯到您的權(quán)益,請及時(shí)通知我們(peng896066052@126.com),我們會及時(shí)處理.
Copyright © 2018-2020 雨林木風(fēng)下載站
