html設定文字向下的方法：先建立一個HTML範例檔案；然後在body中定義一段文字內容；接著在父元素中設定css屬性「position:relative」；最後在存放文字的子元素中設定css屬性為“boottom:0”即可。
本文操作環境：Windows7系統、HTML5&&CSS3、Dell G3電腦
1、如果是文字或其他區塊級元素。使用定位的思想。 position：absolute，然後boottom：0。父元素要設定為position：relative。
因為絕對定位是相對於最近一個非static定位的元素的相對位置。但是如果出現多個元素在同一父元素內 同時需要絕對定位移動位置，那麼需要注意，如果直接這樣做，會造成那些元素重疊，而不是與float一樣的正常排布。
這是因為他們有相同的父元素，使用絕對定位之後就會移動到父元素的左邊，而不是還在原來的位置。
為了解決這個情況，需要給那些需要移動位置的元素嵌套一個父元素，讓他們的父元素去定位，給他們的父元素設定relative，這樣原先的父元素就變成了爺元素。
這樣一來，再給他們設定完絕對定位加位置屬性之後就不會出現重疊的效果，因為他們都是在父元素的限度內去移動，再跑也跑不出來。這樣就又不重疊，又能貼近底部，但是要注意。
新巢狀的父元素需要一個固定的高度，高度要高於內部元素。不然他的高度就是被內部元素撐開的。
【推薦：HTML影片教學】
範例：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
#txt{
height:300px;
width:300px;
border:1px solid #333333;
text-align:center;
position:relative
}
#txt p{
position:absolute;
bottom:0px;
padding:0px;
margin:0px
}
</style>
</head>
<body>
<div id=txt>
<p>文字靠下</p>
</div>
</body>
</html>效果圖：
2、如果是文字（區塊級元素沒試過，到時候可以試試看）。那麼需要為包著文字的那個div設定成 display：table-cell vertical：bottom。這樣文字就貼著div底部了。
範例：
HTML：
<div>文字在div的底部对齐</div>
css樣式：
div{
width:200px;height:50px; /*设置div的大小*/
border:4px solid #beceeb; /*为了便于观察，显示出边框*/
display:table-cell;
vertical-align:bottom;
}效果圖：
以上是html怎麼設定文字向下的詳細內容。更多資訊請關注PHP中文網其他相關文章！
HTML文檔中的根標籤是什麼？Apr 29, 2025 am 12:10 AMtheroottaginanhtmldocumentis.servesasthetop-levellementThateNcapsulatesAllotherContent，確保properdocumentstrumentstrumentsureandbrowserparserparsing。
HTML標籤和元素是同一件事嗎？Apr 28, 2025 pm 05:44 PM文章解釋說，HTML標籤是用於定義元素的語法標記，而元素是完整的單位，包括標籤和內容。他們一起工作以構建網頁。查拉克計數：159
＆lt; head＆gt;的意義是什麼。 ＆＆lt;身體＆gt;在html中標記？Apr 28, 2025 pm 05:43 PM本文討論了Lt; Head＆gt; ＆＆lt;身體＆gt; HTML中的標籤，它們對用戶體驗的影響以及SEO的影響。正確的結構增強了網站功能和搜索引擎優化。
＆lt; strong＆gt;，lt; b＆gt;有什麼區別標籤和lt; em＆gt;，＆lt; i＆gt;標籤？Apr 28, 2025 pm 05:42 PM本文討論了HTML標籤，和和關注其語義與表現用途及其對SEO和可訪問性的影響之間的差異。
請說明如何指示HTML中文檔使用的字符集？Apr 28, 2025 pm 05:41 PM文章討論了在HTML中指定字符，重點介紹了UTF-8。主要問題：確保正確顯示文本，防止亂七八糟的字符，並增強SEO和可訪問性。
HTML中的各種格式標籤是什麼？Apr 28, 2025 pm 05:39 PM本文討論了用於構建和造型Web內容的各種HTML格式標籤，強調了它們對文本外觀的影響以及語義標籤對可訪問性和SEO的重要性。
HTML元素的' ID”屬性與'類”屬性之間有什麼區別？Apr 28, 2025 pm 05:39 PM本文討論了HTML的“ ID”和“類”屬性之間的差異，重點是它們的獨特性，目的，CSS語法和特異性。它解釋了它們的使用如何影響網頁樣式和功能，並為
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
Dreamweaver Mac版
視覺化網頁開發工具
mPDF
mPDF是一個PHP庫，可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件，並處理不同的語言。與原始腳本如HTML2FPDF相比，它的速度較慢，並且在使用Unicode字體時產生的檔案較大，但支援CSS樣式等，並進行了大量增強。支援幾乎所有語言，包括RTL（阿拉伯語和希伯來語）和CJK（中日韓）。支援嵌套的區塊級元素（如P、DIV），
SublimeText3 Linux新版
SublimeText3 Linux最新版
Atom編輯器mac版下載
最受歡迎的的開源編輯器
PhpStorm Mac 版本
最新（2018.2.1 ）專業的PHP整合開發工具
