Question

css使用list-style-type属性后显示到文字后面

那个黑点显示在了日期地方是什么问题，





Answer 1

第一种情况直接修改list-style-position:outside;为list-style-position:inside;没有的话就加上去。方法二：在list-style-position:outside;的情况下给列表符号留个位置来显示，比如说给li加个属性margin-left：50px；第二种情况直接删掉浮动元素float即可。

扩展：list-style-type:定义列表样式
disc: 点
circle: 圆圈
square: 正方形
decimal: 数字，例如1，2，3，，....，11，12，13
decimal-leading-zero: 十进制数，不足两位的补齐前导0，例如: 01, 02, 03, ..., 98, 99
lower-roman: 小写罗马文字，例如: i, ii, iii, iv, v, ...
upper-roman: 大写罗马文字，例如: I, II, III, IV, V, ...
lower-greek: 小写希腊字母，例如: α(alpha), β(beta), γ(gamma), ...
lower-latin: 小写拉丁文，例如: a, b, c, ... z
upper-latin: 大写拉丁文，例如: A, B, C, ... Z
armenian: 亚美尼亚数字
georgian: 乔治亚数字，例如: an, ban, gan, ..., he, tan, in, in-an, ...
lower-alpha: 小写拉丁文，例如: a, b, c, ... z
upper-alpha: 大写拉丁文，例如: A, B, C, ... Z
none: 无(取消所有的list样式)
inherit:继承
自定义图片：list-style:square inside url('http://www.25yi.com/wp-includes/images/smilies/icon_razz.gif')
简写规则：list-style:square inside url('arrow.gif');前面蓝色的square为列表符号list-style-type，中间红色的inside为list-style-position定位符，最后面绿色的url是图片路径list-style-image，如果存在这个图片就会覆盖前面的square，如果不存在就用square显示。

Answer 2

你把那个小黑点取消啊。添加这个样式：ul { list-style:none;}

追问

没用

但是想使用这个样式，想把它放在文字首位那种效果

追答

你可以在文字前面自己写一个黑点啊，或者是上传一个图片啊，比如联系
你可以在i中上传一个背景图啊，仅供参考

Answer 3

【替换样式】
.cen5 li a{display:inline-block;width:480px;height:20px;line-height:20px;margin-top:3px}
.ileft{display:inline-block}

Answer 4

Vue实践-CSS样式position/display/float属性对比使用