DWR（Direct Web Remoting）是一種Java與JavaScript的交互方式，可以方便地通過Ajax實現客戶端與服務器的交互。
在使用DWR開發圖庫時，我們通常需要在頁面中引用一些CSS樣式，來美化頁面布局。
首先，我們需要在頁面中引用DWR的JavaScript文件：
<script src="dwr/engine.js"></script> <script src="dwr/util.js"></script>
接著，我們可以在樣式表文件中定義各種CSS樣式。
.gallery {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.gallery-item {
margin: 10px;
flex: 0 0 calc(25% - 20px);
max-width: calc(25% - 20px);
}
.gallery-item img {
width: 100%;
height: auto;
}其中，.gallery定義了圖庫的整體布局，使用flex布局實現了圖片的自適應排列；.gallery-item定義了每個圖片的樣式，.gallery-item img定義了圖片的寬度和高度。
最后，在頁面中引用樣式表文件：
<head> <link rel="stylesheet" href="gallery.css"> </head>
這樣，我們就可以使用DWR和CSS來開發一個美觀的圖庫頁面了！
上一篇css樣式不能link
下一篇css樣式中設置居中