在CSS中可以通過相應的屬性控制元素的顯示方式，例如，可以将原本以内嵌方式顯示的元素以塊元素的方式顯示，更改元素顯示方式使用的是顯示方式屬性display,
通過使用顯示方式屬性，可以友善的更改元素預設的顯示方式，制作出特殊的顯示效果，例如導航的圖檔轉換效果等。
1. 顯示方式屬性display
它用來更改元素預設的顯示方式，在顯示方式屬性中，可以使用的屬性很多，如：
display: block | none | inline | compact | marker | inline-table | list-item| run-in | table | table-caption | table-cell | table-column |
table-column-group | table-footer-group | table-header-group | table-row | table-row-group
block: 定義元素按照塊元素的方式顯示。
none: 定義元素隐藏。
inline: 定義元素按照内聯元素的方式顯示。
inline-table: 定義元素按照内聯方式聯系，與相鄰的内聯元素同行顯示，同時内容部分顯式塊元素的屬性。
list-item: 定義元素以清單的方式顯示。
table-column-group: 定義元素以表格标題組的方式顯示，即表格跨頁的時候，在每頁中都以表頭的方式顯示。
table-footer-group:定義元素以表格腳注組的方式顯示，即表格跨頁的時候，在每頁中都以腳注的方式顯示。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> CSS屬性 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
span {
display: block;
width: 200px;
height: 100px;
background: #999999;
}
div {
display: inline;
width: 300px;
height: 100px;
background: #666666;
}
p {
display: list-item;
width: 300px;
height: 100px;
background: #333333;
}
</style>
</head>
<body>
<span>這是一個定義塊屬性的内聯元素</span>
<div>這是一個定義内聯塊屬性的塊元素</div>
<p>這是一個内聯塊元素<p/>
</body>
</html> 
2.内聯元素的異常顯示
在使用内聯塊屬性值(inline-block)的時候，IE浏覽器并不完全對該屬性值支援，當在内聯元素中使用時，元素可以顯示塊屬性，同時保留原有的内聯屬性，當在
塊元素中使用時，元素可以顯示塊屬性，但無法顯示内聯屬性。
3.隐藏屬性值none
使用該屬性的時候，不但隐藏了元素包含的内容，同時元素所占有的實體空間也一起消失了，在頁面中，其他元素将忽略隐藏元素的存在，按照各自原有的方式顯示。
![Spring MVC 自學雜記（五） -- SpringMVC與前台的json資料互動[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)