From 8fa0639efb64348a51b6ed6b76285ba2ed2de1ae Mon Sep 17 00:00:00 2001
From: xiongxiaoyang <773861846@qq.com>
Date: Tue, 17 Dec 2019 18:17:25 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=B5=E8=84=91=E7=AB=AF=E7=9B=AE=E5=BD=95?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E9=87=8D=E6=96=B0=E6=8E=92=E7=89=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/books/book_detail.html          | 14 ++++++++--
 .../resources/templates/books/book_index.html | 26 +++++++++++++++----
 2 files changed, 33 insertions(+), 7 deletions(-)

diff --git a/novel-front/src/main/resources/templates/books/book_detail.html b/novel-front/src/main/resources/templates/books/book_detail.html
index cec9853..4aa43a4 100644
--- a/novel-front/src/main/resources/templates/books/book_detail.html
+++ b/novel-front/src/main/resources/templates/books/book_detail.html
@@ -101,6 +101,16 @@
             color: #f90;
         }
 
+        .line-limit-length {
+
+            overflow: hidden;
+
+            text-overflow: ellipsis;
+
+            white-space: nowrap;
+
+        }
+
     </style>
 
     <script>
@@ -192,10 +202,10 @@
                 更新： <i th:text="${#dates.format(book.updateTime, 'yy-MM-dd HH:mm:ss')}"></i>
             </span>
         </h2>
-        <div class="layui-colla-content layui-show indexP">
+        <div class="layui-colla-content layui-show indexP layui-row">
 
 
-            <p style="height: 30px;line-height: 30px;padding: 10px" th:each="index : ${indexList}"><a th:href="'/book/'+${index.bookId}+'/'+${index.indexNum}+'.html'" th:text="${index.indexName}"></a></p>
+            <p class="line-limit-length layui-col-xs12 layui-col-sm4 layui-col-md3 layui-col-lg2" style="padding-left:10px;height: 50px;line-height: 50px;" th:each="index : ${indexList}"><a th:href="'/book/'+${index.bookId}+'/'+${index.indexNum}+'.html'" th:text="${index.indexName}"></a></p>
 
         </div>
     </div>
diff --git a/novel-front/src/main/resources/templates/books/book_index.html b/novel-front/src/main/resources/templates/books/book_index.html
index 4efdeb2..830b90a 100644
--- a/novel-front/src/main/resources/templates/books/book_index.html
+++ b/novel-front/src/main/resources/templates/books/book_index.html
@@ -23,6 +23,16 @@
         .indexP p a {
             color: #4c6978;
         }
+
+        .line-limit-length {
+
+            overflow: hidden;
+
+            text-overflow: ellipsis;
+
+            white-space: nowrap;
+
+        }
     </style>
     </div>
 
@@ -71,14 +81,20 @@
 
 <p style="height: 30px;line-height: 30px;padding: 10px">
 
-    <a href="#buttom" style="color: red">↓直达页面底部</a>
+    <a href="#buttom" style="color: red">&nbsp;&nbsp;↓直达页面底部</a>
 </p>
 
-<p style="height: 30px;line-height: 30px;padding: 10px" th:each="index : ${indexList}">
-    <a th:href="'/book/'+${index.bookId}+'/'+${index.indexNum}+'.html'" th:text="${index.indexName}">
 
-    </a>
-</p>
+<div class="layui-colla-content layui-show indexP layui-row">
+    <p class="line-limit-length layui-col-xs12 layui-col-sm4 layui-col-md3 layui-col-lg2" style="padding-left:10px;height: 50px;line-height: 50px;" th:each="index : ${indexList}">
+        <a th:href="'/book/'+${index.bookId}+'/'+${index.indexNum}+'.html'" th:text="${index.indexName}">
+
+        </a>
+    </p>
+
+
+
+</div>
 
 <div th:replace="common/footer :: footer">
 </div>