display是控件的css屬性之一，表示的是顯示模式。none表示不顯示在網頁上，但是代碼存在;bolck是此元素將顯示為塊級元素，此元素前后會帶有換行符。
在CSS中，塊級對象元素會單獨占一行顯示，多個block元素會各自新起一行，並且可以設置width,height屬性;而內聯對象元素前后不會產生換行，一系列inline元素都在一行內顯示，直到該行排滿，對inline元素設置width,height屬性無效。
我們有個時候既希望元素具有寬度高度特性，又具有同行特性，這個時候我們可以使用inline-block。在CSS中通過display:inline-block對一個對象指定inline-block屬性，簡單來說就是將對象呈現為inline對象，但是對象的內容作為block對象呈現。之后的內聯對象會被排列在同一行內。比如我們可以給一個link(a元素)inline-block屬性值，使其既具有block的寬度高度特性又具有inline的同行特性。
inline-block主要的用處是用來處理行內非替換元素的高寬問題的！行內非替換元素，比如span、a等標簽，正常情況下是不能設置寬高的，加上該屬性之后，就可以觸發讓這類標簽表現得如塊級元素一樣，可以設置寬高。注意IE6不支持inline-block屬性，可以用hack來解決：*display:inline;zoom:1;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>演示</title>
<style type="text/css">
h2
{
display: inline-block;
width: 400px;
border: 1px solid red;
}
</style>
</head>
<body>
<h2>xxxxxxxxxxxxxxx</h2>
<h2>yyyyyyyyy</h2>
</body>
</html>