弘帝企业智能建站系统交流平台

 找回密码
 立即注册
查看: 2956|回复: 0

CSS:list-style-type:disc遇到的问题

[复制链接]
发表于 2015-7-15 21:24:36 | 显示全部楼层 |阅读模式
DIV:<ul><li><a>文字</a></li></ul>
CSS:ul li{ list-style:disc;}

发现disc圆太小,用以下代码实现
ul li{ list-style:disc; font-size:30px;}

发现新的问题,高度太大,于是有以下代码约束
ul li{ list-style:disc; font-size:30px; height:30px; line-height:30px;}

又发现新的问题,a里的文字与disc不在同一水平线,最终办法
ul li{ list-style:disc; font-size:30px; height:30px; line-height:30px;}
ul li a{ vertical-align:top;}
以上字体大小不同,可能会造成垂直对齐的问题。

以上在IE与chrome测试通过,也可以尝试vertical-align:middle的效果,我们还是建议最好的效果还是制作背景图片。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|弘帝企业智能建站系统 ( 皖ICP备07503252号 )

GMT+8, 2024-11-24 04:54 , Processed in 0.047571 second(s), 15 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表