劇多
首頁
資訊
體育
娛樂
汽車
投資
財經
軍事
科技
數碼
科學
遊戲
歷史
健康
政治
影視
旅遊
育兒
美食
時尚
房產
農業
社會
文化
教育
技術
美文
情感
故事
家居
職場
自然
闢謠
心理
攝影
漫畫
生活
其它
Club
Tips
熱門話題
搜尋
註冊
登入
首頁
>
Club
>
2021-01-25 03:19
網頁文字居中的程式碼是什麼?
9
回覆列表
1 # Abnnjhg
方法1、現在通常用的是div+css架構。css中的寫法是對字型加樣式:text-align:center;//居中如:
居中 css為:.jz{text-align:center;}方法2:在 content 元素外插入一個 div。設定此 div height:50%; margin-bottom:-contentheight; content 清除浮動,並顯示在中間。html:Content here css:#floater{float:left; height:50%; margin-bottom:-120px;}#content {clear:both; height:240px; position:relative;}方法3:定位:使用了一個 position:absolute,有固定寬度和高度的 div。這個 div 被設定為 top:0; bottom:0;。但是因為它有固定高度,其實並不能和上下都間距為 0,因此 margin:auto; 會使它居中。使用 margin:auto;使塊級元素垂直居中是很簡單的。 html:Content herecss:#content { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:240px; width:70%;}方法4:單行上下居中,可以設定行高為盒子高度,這樣文字就可以上下居中。即:line-height的高度要等於外面div的height。
發表回復
相關內容
網頁上的文字不能複製怎樣解決?
網頁複製的文字如何調整行間距?
安迪網頁上的文字不能複製怎麼辦?
wps文字怎麼垂直居中?
網頁上的文字沒法選中是為什麼,怎麼解決?
網頁文字不能複製怎麼辦?
在CDR裡怎樣讓文字居中?
怎樣把居中的文字調到左邊?
電腦版剪映文字怎麼居中?
iPhone怎麼複製網頁文字?長按沒用啊?
∧
中秋節和大豐收的關聯?
∨
彩色衣服穿久了褪色,如何讓衣服變鮮豔?
熱門排行
在地鐵跑酷裡怎麼卡風之子滑板?
金剷剷幸運商店一般什麼時候出?
dc-dc轉換器壞了有哪些影響?
擋水條高出地磚幾公分?
冰箱空開選16a還是20a?
男士盤發的簡單方法?
紅警怎麼快速選取3星?
苦蕎茶如何選擇?
怎麼判斷是開關壞了還是升降器?
逆水寒游歷317怎麼到?
方法1、現在通常用的是div+css架構。css中的寫法是對字型加樣式:text-align:center;//居中如:
居中 css為:.jz{text-align:center;}方法2:在 content 元素外插入一個 div。設定此 div height:50%; margin-bottom:-contentheight; content 清除浮動,並顯示在中間。html:Content here css:#floater{float:left; height:50%; margin-bottom:-120px;}#content {clear:both; height:240px; position:relative;}方法3:定位:使用了一個 position:absolute,有固定寬度和高度的 div。這個 div 被設定為 top:0; bottom:0;。但是因為它有固定高度,其實並不能和上下都間距為 0,因此 margin:auto; 會使它居中。使用 margin:auto;使塊級元素垂直居中是很簡單的。 html:Content herecss:#content { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:240px; width:70%;}方法4:單行上下居中,可以設定行高為盒子高度,這樣文字就可以上下居中。即:line-height的高度要等於外面div的height。