<div\>標簽是HTML中用來定義一個容器的元素，它通常用于將頁面內容進行分塊和組織。在<div\>標簽中，可以使用"display"屬性來指定元素的顯示方式。display屬性有多種取值，包括"block"、"inline"、"inline-block"、"none"等，它們可以控制元素的顯示方式和布局。
當display屬性的值為"block"時，元素會被渲染為塊級元素，并獨占一行空間。塊級元素會自動換行，寬度默認100%。下面是一個例子，其中兩個<div\>元素被設置為block：
<pre\> <p\><div style="display: block; background-color: red; width: 150px; height: 150px;"></div></p\> <p\><div style="display: block; background-color: blue; width: 150px; height: 150px;"></div></p\> </pre\>
上述代碼中的兩個<div\>元素會分別渲染為紅色和藍色的正方形塊，因為它們都被設置為了"block"。
另一種常用的display屬性值是"inline"，它會將元素渲染為行內元素，并不獨占一行空間，寬度由內容決定。下面是一個例子，其中兩個<div\>元素被設置為inline：
<pre\> <p\><div style="display: inline; background-color: yellow; width: 150px; height: 150px;"></div></p\> <p\><div style="display: inline; background-color: green; width: 150px; height: 150px;"></div></p\> </pre\>
上述代碼中的兩個<div\>元素會分別渲染為黃色和綠色的正方形行內元素塊，它們不會獨占一行，寬度由內容決定。
除了"block"和"inline"之外，還有一種display屬性值是"inline-block"，它可以將元素以行內塊級元素的方式渲染。與"inline"不同，"inline-block"元素可以設置寬度和高度，且會自動換行并獨占一行空間。下面是一個例子，其中兩個<div\>元素設置為inline-block：
<pre\> <p\><div style="display: inline-block; background-color: purple; width: 150px; height: 150px;"></div></p\> <p\><div style="display: inline-block; background-color: orange; width: 150px; height: 150px;"></div></p\> </pre\>
上述代碼中的兩個<div\>元素會分別渲染為紫色和橙色的正方形塊，它們會換行并獨占一行空間。
最后一種常用的display屬性值是"none"，它會將元素隱藏起來，不占用任何空間。下面是一個例子，其中一個<div\>元素設置為none：
<pre\> <p\>這是一個可見的<div style="display: block; background-color: cyan; width: 150px; height: 150px;"></div></p\> <p\>這個元素被隱藏了<div style="display: none; background-color: gray; width: 150px; height: 150px;"></div></p\> </pre\>
上述代碼中的第二個<div\>元素被設置為"none"，因此它不會顯示在頁面上，不會占用任何空間。
起來，<div\>元素的"display"屬性可以控制元素的顯示方式和布局，包括塊級元素、行內元素、行內塊級元素以及隱藏元素等。通過合理使用"display"屬性，可以靈活地對頁面進行布局和樣式控制。