div是HTML中非常常用的一個元素，可以用來創建一個矩形的區域，并在其中放置其他元素或內容。如果需要在一個div中嵌套另一個div，并使其居中顯示，可以通過CSS來實現。本文將詳細介紹幾種實現方式，并提供相應的示例代碼。
第一種方式是使用CSS的居中對齊屬性。我們可以通過設置父級div的display為flex，并使用justify-content和align-items屬性來實現居中對齊。先來看一段示例代碼：

<pre>
<\div style=\"display: flex; justify-content: center; align-items: center;\">
<\div>
這里是居中顯示的內容
<\/div>
<\/div>

上述代碼中，我們將外部的div的display屬性設置為flex，可以使其子元素自動居中。通過justify-content屬性設置內容水平居中，align-items屬性設置內容垂直居中。這樣，內部的div會在外部的div中居中顯示。
第二種方式是使用CSS的絕對定位和負邊距。我們可以將內部的div設置為絕對定位，并使用負邊距來實現居中對齊。來看一個示例代碼：

<pre>
<\div style=\"position: relative;\">
<\div style=\"position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);\">
這里是居中顯示的內容
<\/div>
<\/div>

上述代碼中，我們將外部的div設置為相對定位(position: relative)，這樣內部的絕對定位元素會相對于這個容器定位。內部的div通過設置position屬性為絕對定位(position: absolute)，left和top屬性設置為50%來使其居中。然后，使用CSS的transform屬性的translate函數來設置負邊距，將元素在水平和垂直方向上分別向左和向上移動50%的寬度和高度，從而使其在父級div中居中。
第三種方式是使用Flex布局。Flex布局是一種現代的CSS布局方式，可以非常方便地實現居中對齊。來看一個示例代碼：

<pre>
<\div style=\"display: flex; justify-content: center; align-items: center;\">
<\div style=\"\">
這里是居中顯示的內容
<\/div>
<\/div>

上述代碼中，我們將外部的div的display屬性設置為flex，可以使其子元素自動居中。通過justify-content屬性設置內容水平居中，align-items屬性設置內容垂直居中。這樣，內部的div會在外部的div中居中顯示。
綜上所述，我們可以使用CSS的不同屬性和方法來實現div中嵌套一個div并居中顯示。以上提供的幾種方式，可以根據實際情況選擇使用。希望本文對你理解和掌握這種技術有所幫助！