css用list-style-type属性后显示到文字后面
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了css用list-style-type属性后显示到文字后面,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1601字,纯文字阅读大概需要3分钟。
内容图文
![css用list-style-type属性后显示到文字后面](/upload/InfoBanner/zyjiaocheng/414/0430097dad6144af891cc33bf618b0ff.jpg)
那个黑点显示在了日期地方是什么问题,
第一种情况直接修改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
简写规则:list-style:square inside url('arrow.gif');前面蓝色的square为列表符号list-style-type,中间红色的inside为list-style-position定位符,最后面绿色的url是图片路径list-style-image,如果存在这个图片就会覆盖前面的square,如果不存在就用square显示。
.cen5 li a{display:inline-block;width:480px;height:20px;line-height:20px;margin-top:3px} .ileft{display:inline-block}
你可以在文字前面自己写一个黑点啊,或者是上传一个图片啊,比如<li><i></i>联系</li>
你可以在i中上传一个背景图啊,
以上就是css用list-style-type属性后显示到文字后面的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的css用list-style-type属性后显示到文字后面全部内容,希望文章能够帮你解决css用list-style-type属性后显示到文字后面所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。