CSS尺寸 CSS對齊與CSS顯示

2021-08-20 03:27:13 字數 1015 閱讀 5688

所有尺寸的屬性

屬性描述

height

設定元素的高度。

line-height

設定行高。

max-height

設定元素的最大高度。

max-width

設定元素的最大寬度。

min-height

設定元素的最小高度。

min-width

設定元素的最小寬度。

width

設定元素的寬度。

1.居中對齊

（1）、元素居中對齊

要想讓乙個元素水平居中，可以使用margin:auto;但是要保證元素的寬度不能溢位容器邊界。

（2）、文字居中對齊

如果僅僅是為了文字在元素中居中對齊，可以使用text-align:center;

（3）、居中對齊

使用margin:auto;

2.左右對齊

（1）、使用定位方式

可以使用position：absolute；屬性來對齊元素 

.right
（2）、使用float方式
.right
注意：如果子元素的高度大於父元素，且子元素設定了浮動，那麼子元素將溢位，這時候你可以使用 "

clearfix(清除浮動)" 來解決該問題。

3.垂直居中對齊

（1）、使用padding

.center
此處要保證容器的高度為140px;

（2）、使用line-height

.center 


/* 如果文字有多行，新增以下**: */


.center p
1.隱藏元素

如果需要隱藏乙個元素，可以使用以下辦法：

（1）、將h1標籤內的內容設定為隱藏

h1.hidden
（2）將h1標籤內的內容不顯示
h1.hidden

CSS對齊 尺寸 分類 導航欄

body container right style head class container class right 注釋 b 當使用position屬性進行對齊時，請始終包含 doctype宣告！如果省略，則會在ie瀏覽器中產生奇怪的結果。p div div body html 有以下幾個屬性可...

CSS 尺寸與邊框

作用改變元素的寬度 和 高度 寬度width 寬度 min width 最小寬度 max width 最大寬度 高度height 高度 min height 最小高度 max height 最大高度 頁面中允許設定尺寸的元素 所有的塊級元素都允許設定尺寸 div,p,h1,h2,ul,ol,dl,d...

CSS 尺寸與邊框

一 尺寸屬性 1.寬度 高度 屬性作用 width 寬度min width 最小寬度 max width 最大寬度 height 高度min height 最小高度 max height 最大高度 2.頁面中允許設定尺寸的元素 3.溢位處理 什麼時候出現溢位 內容多元素小時產生溢位，預設溢位是縱向溢...