1. 程式人生 > >html 水平豎直居中

html 水平豎直居中

line-height:容器高度

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
         /*
          white-space:  換行方式
            normal 正常換行
            nowrap 不換行
          
*/ /* text-indent 首行縮排(em) line-height 行高 ***** letter-spacing 字距 word-spacing 詞距 */ /* text-align 文字水平對齊方式 left 預設值 向左對其 right center ***** */ /* text-transform 文字大小寫 none 預設值 無轉換髮生 uppercase 轉換成大寫 lowercase 轉換成小寫 capitalize 將英文單詞的首字母大寫
*/ p{ width: 400px; background: aqua; /*white-space: nowrap;*/ text-indent: 2em; line-height: 30px; /*letter-spacing: 5px;*/ /*word-spacing: 20px;*/ /*text-transform: uppercase;*/ /*text-transform: lowercase;
*/ text-transform: capitalize; } div{ width: 50px; height: 50px; background: antiquewhite; line-height: 50px; text-align: center; /*text-decoration: underline;*/ /*text-decoration: overline;*/ text-decoration: line-through; } /* text-decoration 下劃線 刪除線 上劃線 ***** none 預設值,可以用這個屬性去掉已經有下劃線或者刪除線或者上劃線的樣式 underline 下劃線,一般用於文章的重點表明 overline 上劃線 line-through 刪除線 */ a{ text-decoration: none; } </style> </head> <body> <p>Python [1] (英國發音:/ˈpaɪθən/ 美國發音:/ˈpaɪθɑːn/), 是一種面向物件的解釋型計算機程式設計語言,由荷蘭人Guido van Rossum於1989年發明,第一個公開發行版發行於1991年。</p> <div>1</div> <a href="#">55555</a> </body>

 

text-align: center      水平居中

text-decoration:none  去掉劃線

text-decoration:overline  上劃線

text-decoration:underline  下劃線

text-decoration:line-through  刪除線