div+css
代碼編纂器:Dreamweaver CS5方式/
1新建一個html文件 ， 定名為test.html ， 用于講解css中怎么樣才能使內容在div的底部中心 。
2在test.html文件內 ， 利用div標簽建立一個模塊 ， 在其內部利用p標簽建立一行文字 。
3設置div的class屬性為con ， 用于下面利用css對其進行樣式設置 。
4在test.html文件內 ， 別離在css標簽內建立div和p元素的樣式設置 。
5在css中 ， 對類名為con的div進行樣式設置 。 設置其位置屬性為絕對定位（position:absolute） ， 寬度為300px（width:300px） ， 高度為300px（height:300px） ， 布景顏色為黃色 （background:yellow） 。
6【css中怎么樣才能使內容在div的底部中間】在css中 ， 對p元素進行樣式設置 。 設置其位置屬性為絕對定位（position:absolute） ， 在div的底部（bottom:0） ， 寬度為100%（width:100%） ， 文字居中顯示（text-align:center） 。
7在瀏覽器打開test.html文件 ， 查看文字在div底部居中的結果 。
以上內容就是css中怎么樣才能使內容在div的底部中間的內容啦 ， 希望對你有所幫助哦！
猜你喜歡
- 1欄、2欄、多欄 板式設計中網格的使用技巧
- 禮儀的起源與發展
- 中年危機為何促使男人出軌
- 中國飲茶方式的四次演變，大佛龍井
- 牛腹瀉怎么治療
- 豆漿機故障維修方法
- 書名-《禪茶》——中國茶道與佛教，斗茶歌
- 樓道中起火了怎么辦
- 韓國茶道簡史“中國介紹”，婺源毛尖
- 如何避免青少年兒童接觸、模仿網紅視頻中的危險操作？