一、使用$標識原生DOM元素 二、要使用top，left等定位屬性 要先將該元素設置position屬性，absolute或者relative等 三、十種選擇器 三類基礎選擇器： ...

居中是我們使用css來布局時常遇到的情況。使用css來進行居中時，有時一個屬性就能搞定，有時則需要一定的技巧才能兼容到所有瀏覽器，本文就居中的一些常用方法做個簡單的介紹。 注：本文所講方法除了特別說明外，都是兼容IE6+、谷歌、火狐等主流瀏覽器的。 先來說幾種簡單的、人畜無害的居中方法 1. ...

前言 　　最近，面試的時候都碰到一些關於利用CSS實現多列等高布局或者一側寬度固定，另一側寬度自適應的問題，下面稍微總結一下： 先看一道題目 巧妙的多列等高布局 規定下面的布局，實現多列等高布局，要求兩列背景色等高。 方法一：使用flex布局 ...

css之定位 本人博客：查看文章 1.什么是定位： css中的position屬性，position有四個值：absolute/relative/fixed/static(絕對/相對/固定/靜態(默認))通過定位屬性可以設置一些不規則的布局，使用TLBR(top,left ...

table屬性 在一開始，使用表格布局受很多人喜愛，也就是使用<tr><td>等標簽，但是這種方法越來越不推薦，甚至有人列出來了一些列使用這些標簽的缺點，大體來說也就是不符合語義化，是網頁加載不流暢，內容不易修改之類的，但是在table布局的{display ...

單列布局水平居中 水平居中的頁面布局中最為常見的一種布局形式，多出現於標題，以及內容區域的組織形式，下面介紹四種實現水平居中的方法（注：下面各個實例中實現的是child元素的對齊操作，child元素的父容器是parent元素） 使用inline-block ...

css這個東西，說難不難，說容易也不容易。我覺得最重要的還是經驗的積累，正所謂的不積硅步，無以至千里。這一系列文章講述幾種css特殊布局的實現，也當作為自己做個備忘吧。 首先講的是三列布局，左右兩列寬度固定，中間一列寬度自適應 這個很好實現，左右兩列分別左浮動和右浮動並給一個固定寬度，中間 ...

單列布局水平居中 水平居中的頁面布局中最為常見的一種布局形式，多出現於標題，以及內容區域的組織形式，下面介紹四種實現水平居中的方法（注：下面各個實例中實現的是child元素的對齊操作，child元素的父容器是parent元素） 使用inline-block 和 text-align實現 ...