三.文字溢位變省略號設定
1.結構：
>
href
="#"
>
新聞條a
>
>
2020-03-25span
>
li>
>
href
="#"
>
新聞條a
>
li>
2.給li新增寬高，高度量取行高，寬度覆蓋新聞列表內容。
3.給新聞內容a和時間span新增浮動一左一右。
4.設定文字樣式。
5.用新增背景圖的方式給li新增列表符號。
6.讓背景圖和文字上下居中。
7.給li新增padding-left把列表符號露出來。
visible:預設值，內容不會被修剪，會呈現在元素框之外；
hidden：內容會被修剪，並且其餘內容是不可見的；
scroll：內容會被修剪，但是瀏覽器會顯示滾動條，以便檢視其餘的內容;
auto：如果內容被修剪，則瀏覽器會顯示滾動條，以便檢視其他的內容;
inherit：規定應該從父元素繼承overflow屬性的值。
拓展：overflow-x:hidden;(橫向溢位隱藏）
overflow-y:hidden;(縱向溢位隱藏）
normal：預設值，多餘空白會被瀏覽器忽略只保留乙個；
pre：空白會被瀏覽器保留；
pre-wrap：保留一部分空白符序列，但是正常的進行換行；
pre-line:合併空白符序列，但是保留換行符；
nowrap:文字不會換行，文字會在同一行上繼續，直到遇到
標籤為止;
clip：不顯示省略號（...），而是簡單的裁切;
ellipsis：當物件內文字溢位時，顯示省略標記；
省略號設定：
text-overflow屬性僅是：當文字溢位時是否顯示省略標記，並不具備其它的樣式屬性定義，要實現溢位時產生省略號的效果還需定義：
1、容器寬度：width：value；（px、%，都可以）
2、強制文字在一行內顯示:white-space：nowrap;
3、溢位內容為隱藏：overflow：hidden；
4、溢位文字顯示省略號：
text-overflow：ellipsis;
Liferay分頁新聞列表
liferay中自帶了news的功能，可能是太高檔了，到現在我都不是很清楚那個news功能的具體作用。專案中需要用到新聞列表，只需要顯示新聞標題，發布時間，有分頁功能，可以通過標題上的鏈結檢視新聞詳細。為了偷懶，就用liferay的cms中的journal articles即日誌文章來實現。新聞可以...
TOP排行新聞列表。
效果圖 3.10新聞中心製作評測題 title style type text css 在此定義相關css樣式 toplist ulli em.top em a link,a visited a hover,a active style head body div class toplist ul ...
爬取新聞列表
獲取單條新聞的 標題 鏈結 時間 內容 點選次數，幷包裝成乙個函式。獲取乙個新聞列表頁的所有新聞的上述詳情，幷包裝成乙個函式。獲取所有新聞列表頁的 呼叫上述函式。完成所有校園新聞的爬取工作。完成自己所選其他主題相應資料的爬取工作。import requests import refrom bs4 i...