float
position
line-height
垂直居中和水平居中的排列
滑動門float:讓原來的元素,可以脫離正常的文件流,實現左右排列,不設定寬度最小寬度。
有4個div(塊極元素)
運動軌跡
float.html
divposition:
relative:即使偏移,位置還在。實際就是靠近最近的元素進行偏移,不分定位。
absolute:
偏移了,位置就沒了。靠最近的元素是relative/absolute定位的進行偏移。
fixed:
相對於瀏覽器,沒有任何依賴感。ie6不支援。
隨著瀏覽器滾動,會跟著你滾動。
line-height:行間距
normal:預設。設定合理的行間距。
number:設定數字,此數字會與當前的字型尺寸相承來設定行間距。line-height:2; = line-height:32px; = line-height:200%;
length:設定固定的行間距。如果只有一行字,比如設定height:100px; line-height:100px;即可讓這行字居中。
%:基於當前字型尺寸的百分比行間距。
inherit:規定應該從父元素繼承line-height屬性的值。
垂直居中:
height:300px;
line-height:300px;
缺點:多行文字會擠出區域。
水平居中:
text-align:center;
將div水平居中:
margin-left:auto;
margin-right:auto;
模擬table
.outer-div
.inner-div
寬度不生效。跟原來的table一樣width不生效。
img width=270 height=「127」
如何水平居中?
父元素裡設定text-align:center;
div如何垂直居中?
position:absolute;
top:50%;
left:50%;
到這一步只有左上角的點垂直居中水平居中/
margin-left:-200px; //當前寬度的一半
margin-top:-200px; //當前高度的一半
position:relative;
top:-50%;
left:-50%;
html調色原理
Java核心技術 筆記6 7
1 repeat 10 0 system.out.println hello world 要接受此lambda表示式,需要提供函式式介面 public static void repeat int n runnable action action.run 會執行lambda表示式主體 2.不止乙個函...
Java核心技術 筆記6 8
1.區域性內部類中,若只建立乙個類的物件 只用了一次 就不用命名了,即 匿名內部類 public void start int interval,boolean beep timer t new timer interval listener t.start 0 形式即 new supertype ...
Java核心技術 筆記7 1
1.異常物件都是派生於 throwable 類的乙個例項 非受查異常 error層描述內部錯誤 和 資源耗盡錯誤 由程式導致的異常屬於runtimeexception 受查異常 程式本身沒有問題,執行時產生的錯誤 如io,取決於環境而非 屬於其他異常 2.用throws宣告異常 不宣告error異常...