前言
在js中,ul元素中li標簽是塊級元素,現在需要讓2個分行的li元素顯示在同一行,并且去掉li元素自帶的標記符號
- li元素處理前的樣式如下:
實現
- html代碼
<div><ul><li>數據1:</li><li>88679</li></ul>
</div>
- 樣式代碼:
<style>/* 去掉列表前面的標記符號 */li {list-style: none;}/* 第一個元素 */ul li:first-child {color: black;font-size: 18px;display: inline-block;margin-top: 10px;text-align: center;}/*第二個元素 */ul li:last-child {color: #FF9912;font-size: 20px;display: inline-block;margin-left: 5px;margin-top: 10px}
</style>
-
核心:
-
結果如下: