檢查修正mysql編碼方法讓它支撐中文(gbk或許utf8)。本站提示廣大學習愛好者：（檢查修正mysql編碼方法讓它支撐中文(gbk或許utf8)）文章只能為提供參考，不一定能成為您想要的結果。以下是檢查修正mysql編碼方法讓它支撐中文(gbk或許utf8)正文
CSS邊距屬性界說元素四周的空間。經由過程應用零丁的屬性，可以對上、右、下、左的外邊距停止設置。也能夠應用簡寫的外邊距屬性同時轉變一切的外邊距。——W3School
界限(margin)：元素四周生成額定的空白區。“空白區”平日是指其他元素不克不及湧現且父元素配景可見的區域。——CSS威望指南
padding稱謂為內邊距，其斷定的根據即邊框離內容注釋的間隔，而我愛好CSS威望指南說明的“補白”（或許叫“留白”），由於他很抽象。補白(padding)：補白位於元素框的界限與內容區之間。很天然，用於影響這個區域的屬性是padding。——CSS威望指南
關於甚麼時刻用margin甚麼時刻用padding，網上有許很多多的評論辯論，年夜多半仿佛評論辯論到點下面，卻又有些對症下藥的感到，老是答不到點上。並且margin和padding在很多處所常常後果都是如出一轍，並且你也不克不及說這個必定得用margin誰人必定要用padding，由於現實的後果都一樣，你說margin用起來好他說padding用起來會更好，但常常爭辯無果。依據網上的總結歸結年夜致發明這幾條照樣比擬靠譜的：
什麼時候應該應用margin：
須要在border外側添加空白時。
空白處不須要配景（色）時。
高低相連的兩個盒子之間的空白，須要互相抵消時。如15px + 20px的margin，將獲得20px的空白。
什麼時候應該時用padding：
須要在border內測添加空白時。
空白處須要配景（色）時。
高低相連的兩個盒子之間的空白，願望等於二者之和時。如15px + 20px的padding，將獲得35px的空白。
小我以為：margin是用來離隔元素與元素的間距；padding是用來離隔元素與內容的距離。margin用於結構離開元素使元素與元素互不相關；padding用於元素與內容之間的距離，讓內容（文字）與（包裹）元素之間有一段“呼吸間隔”。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用Margin照樣用Padding</title>
<style>
.top{width:160px; height:50px; background:#ccf;}
.middle{width:160px; background:#cfc; border-top:1px solid #ccc;}
.middle .firstChild{margin-top:20px;}
.middle .secondChild{margin-top:15px;}
</style>
</head>
<body>
<div class="top"></div>
<div class="middle">
<div class="firstChild">我是firstChild，我只是想和我的父元素離隔點間隔，如許看起來舒暢。</div>
<div class="secondChild">我要和樓上離隔點的間隔。恩，能與底邊有點呼吸間隔就更好了。</div>
</div>
</body>
</html>
下面這個後果看起來很不錯，到達了我們須要完成的目的。但是，我們細細檢查下這個代碼，對比下我們上文所說的規矩，firstChild用了margin-top:20px來離隔父元素與他的間隔，secondChild也用margin-top:15來離隔他與firstChild的間隔，咋看之下挺相符我們所說的margin是用來離隔元素與元素的間距。然則他相符我們所說的margin用於結構離開元素使元素與元素互不相關嗎？
這裡我想說的是NO，firstChild同middle屬於一種父子元素關系，又是一種包裹元素與內容的關系，他們之間從擬人化的角度來說，不該該是老逝世不相關的局勢。我們再來看我們為何要讓firstChild與他的父元素離隔的間隔，從表示的角度下去看，文字與邊靠的太近，確定欠好看。讓文字與元素邊離隔的間隔，既雅觀，又使得文字有了足夠的“呼吸空間”，便利浏覽，這恰好相符padding用於元素與內容之間的距離讓內容（文字）與（包裹）元素之間有個“呼吸間隔”。
我們再來看，firstChild應用margin-top激發了垂直外邊距歸並的隱患，middle假如不加一個相似border-top:1px solid #ccc的話尺度閱讀器下就會出現子元素頂了父元素margin隱患可見這個時刻margin明顯不是很好的選擇。
我們試著如許來修正：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用Margin照樣用Padding</title>
<style>
.top{width:160px; height:50px; background:#ccf;}
.middle_2{width:160px; background:#cfc; padding:20px 0px;}
.middle_2 .firstChild{}
.middle_2 .secondChild{margin-top:15px;}
</style>
</head>
<body>
<div class="top"></div>
<div class="middle_2">
<div class="firstChild">我是firstChild，我只是想和我的父元素離隔點間隔，如許看起來舒暢</div>
<div class="secondChild">我是secondChild，我要和樓上離隔點的間隔。恩，能與底邊有點呼吸間隔就更好了。</div>
</div>
</body>
</html>
我們來看看這麼寫的利益吧：
1.外不雅照舊優越，構造清楚也沒有損壞結構。
2.不會發生垂直外邊距歸並如許的成績。
3.書寫標准、代碼量削減、重用性好。
我們可以看到在middle_2中去除不須要的border-top，改成更加適用的padding:20px 0，讓middle_2中的內容有了足夠的“呼吸空間”，今後還可以隨時隨地修正這個padding，讓內容文字的“呼吸空間”增年夜或許減少，隨時隨地只修正一個middle_2的padding就可以弄定一切包裹元素與外部內容的計劃。
請留意這裡是父元素運用padding，使得與其內容發生間隙，這是相符我們翻譯為“補白”精華（所以我一向愛好稱padding為“補白”而不是內邊距），而padding也恰好是在這兒最能體檢他的價值。這個例子把第一個元素的margin-top去除，在父元素中運用padding。反過去，你會想，既然margin-top欠好用，那末我第一個元素用padding-top不是也能到達後果麼。祝賀你，你曾經進步了一步了，切實其實應用padding-top即讓第一元素與外包裹元素發生了呼吸間隔，並且也不會湧現所謂的垂直外邊距堆疊成績， 然則我照舊不推舉你這麼做。為何呢？我們來假想這麼一個情形吧，假設有一天，你這個模塊要發生更改，新需求要刪除這個firstChild，調換為otherChild，會怎樣樣呢？
新的需求請求我們新加一個otherChild，調換本來的firstChild：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用Margin照樣用Padding</title>
<style>
.top{width:160px; height:50px; background:#ccf;}
.middle_3{width:160px; background:#cfc;}
.middle_3 .otherChild{font-weight:bold; font-style: italic;}
.middle_3 .secondChild{margin-top:10px;}
</style>
</head>
<body>
<div class="top"></div>
<div class="middle_3">
<div class="otherChild">我是新來的otherChild，我也想和我的父元素離隔點間隔，如許看起來舒暢，咦？！為何我是在頂部？</div>
<div class="secondChild">我是secondChild，我要和樓上離隔點的間隔。恩，能與底邊有點呼吸間隔就更好了。</div>
</div>
</body>
</html>
發明成績了麼？假如你把本來的firstChild給刪除失落了，新來的元素基本就沒有界說上邊距或許上補白，那末他就會天然頂在頭部，不是幻想的後果。切實其實，你可認為了他新寫一個css來讓他間隔頭部多一點閒暇，然則你該怎樣寫？直接改otherChild嗎？假如其他頁面外面也有otherChild那末你會把其他處所的otherChild結構打亂。恩，那末我用.middle_3 .otherChild{padding-top:10px;}怎樣樣可以吧。恩，可以可以，可是你不認為這麼累嗎？每次修正，都要增長這一個過剩的代碼就為了簡簡略單的離隔點間隔，一朝一夕，你的css文件代碼會癡肥不勝，可移植性年夜年夜減弱。
每次開辟的時刻我一向對本身講，你寫的代碼總有一天會被其余開辟人員所調換、修正、更新。而一個優良的前端寫出的css不只在如今構造牢固而且還能為往後的開辟人員供給便利。修正我的代碼，改前改後的式樣地位都一樣，讓以後的開辟人員基本上防止接觸到再次“修復”開辟的機遇，那才是一位真正前真個尋求。這裡你把包裹的div相似“封裝”好一個情況，並且這個div內曾經留有足夠的內容的“呼吸空間”，你只須要改內容，內容所要斟酌到得地位邊距成績，外包的div元素早曾經幫你預留好了，你用起來便利，往後改起來也便利，直接找到middle修正padding便可。
To margin or to be padding, that is the question.
所謂年夜道萬千，應用之妙存乎同心專心。該用margin的時刻就年夜膽的用他，該用padding也不消畏縮不前，實戰中積累出來的經歷常常是最有效的，而當你不肯定是用margin好照樣用padding，請在看看這個准繩吧，也許你會有一個本身的謎底。
