前言
在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>
-
核心:
-
结果如下: