<li>圆点样式在chomme浏览器中和其他浏览器区别

今天用chomme测试时候发现,我的<li>标签的圆点跑到右边去了。我的<li>标签中有<a>标签。

综合分析了一下:

除chomme之外,所有浏览器<li>标签的圆点都绝对定位在<li>标签之外,而chomme的圆点是在<li>标签里面
(说明:属于<li>标签内容的一部分)

当我<li>标签的<a>标签给了float:left之后,圆点就被挤到右边去了。

解决办法:<li>中的<a>去掉float,设置display:block;text-align:left; 
最后<a>宽度设置为<li>的宽度,

时间: 2024-10-16 12:23:36

<li>圆点样式在chomme浏览器中和其他浏览器区别的相关文章

CSS中LI圆点样式li {list-style-type:符号名称}

css中用list-style-type指定列表(lists)前面符号,如下: li {list-style-type:符号名称} 符号名称可用的值为: disc : CSS1 实心圆 circle : CSS1 空心圆 square : CSS1 实心方块 decimal : CSS1 阿拉伯数字 lower-roman : CSS1 小写罗马数字 upper-roman : CSS1 大写罗马数字 lower-alpha : CSS1 小写英文字母 upper-alpha : CSS1 大写

【CSS学习笔记】初始化CSS后,写li,并利用背景图片,来完成li小图标的效果,且达到个浏览器兼容

第一种情况 /*当标题前的图标时单独的一个点儿或者方块或者其他类似图标时,定义背景图background要放在<li>里.    在<li>中设置背景图片的尺寸,地址,不重复,位置:以及文字相关的padding,无序列图标,行高等*/ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd

ul li CSS 样式(转)

ul li CSS 样式_无情无绪_新浪博客 http://blog.sina.com.cn/s/blog_61352f210100eqeq.html 列表是HTML里一种很有用的显示方式,可以把相关的并列内容整齐地垂直排列,使网页显得整洁专业,并让浏览者有一目了然的感觉.样式表为列表增加了一些功能,控制列表的样式包括列表样式.图形符号.列表位置三个部分.1.列表符号列表符号是指显示于每一个列表项目前的符号标识.基本格式如下:list-style-type:参数参数取值范围:·disc:圆形·c

浏览器兼容 各浏览器的Hack写法 [出处:W3CPLUS]

Hack是针对不同的浏览器去写不同的CSS样式,从而让各浏览器能达到一致的渲染效果,那么针对不同的浏览器写不同的CSS CODE的过程,就叫CSS HACK,同时也叫写CSS Hack.然后将Hack放在浏览器特定的CSS文件中,让其符合条件的浏览器解析这些代码,就如前面所说的条件样式,我们将CSS Hack代码放入条件样式文件中,符合条件的浏览器就解析,不符合的将不解析,从面达到您所需要的页面渲染效果.总的一句话来说使用CSS Hack将会使用你的CSS代码部分失去作用,然后借助条件样式,使用

安卓版微信自带浏览器和IE6浏览器ajax请求abort错误处理

转载请注明出处:http://blog.csdn.net/l1028386804/article/details/46419567 给页面元素绑定了一个click事件用来触发ajax请求,在安卓微信自带浏览器中和IE6下,请求时常会被中断,返回错误类型"abort",在其他浏览器中都一切正常. 在IE6中使用Fiddler2和httpWatch监视请求,经常会出现"aborted",折腾特么一个周末,..... 不说废话了.... 解决办法:在标签上加上onclic

为什么DW的可视化下看到的效果与浏览器的效果有所区别?

可视区不是调用外面浏览器,Dreamweav 可视化区是为用户编辑而设计. 支持最基本的 HTML 与 CSS ,对 CSS 而言,我写入样式时如果你使用最基本的样式时它显示与你浏览器中看的效果相差不大, 如果你使用一些 HACK 技术(因为 HACK 单独对不同浏览而用)加上 DW 自身对样式的错误理解,看到可视化区就会变得面目全非! 如果你很依赖可视化的话,最好少用一些 HACK 技术,因为 HACK 技术是没有方法情况下为了各浏览器正常显示加的代码, 但这不是为了展示技术而做的一项工作.写

IE浏览器跟火狐浏览器兼容写法3

HACK设置 仅IE7识别 *+html {…} 当面临需要只针对IE7做样式的时候就可以采用这个HACK. IE6及IE6以下识别 * html {…} 这个地方要特别注意很多地主都写了是IE6的HACK其实IE5.x同样可以识别这个HACK.其它浏览器不识别. html/**/ >body select {……}网页教学网 这句与上一句的作用相同. 仅IE6不识别 select { display /*IE6不识别*/:none;} 这里主要是通过CSS注释分开一个属性与值,流释在冒号前.

IE浏览器跟火狐浏览器兼容写法(1)

CSS样式表在Firefox和IE下的区别 总结的一些CSS在FF和IE下的区别!可能不完整,以后会陆续补充. FireFox: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 FireFox: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 FireFox: 设置 padding 后, div 会增加 height 和 widt

CSS 滤镜(IE浏览器专属其他浏览器不支持)

Filter 属性介绍: 设置或检索对象所应用的滤镜或滤镜集合.此属性仅作用于有布局的对象,如块对象.内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute,或者设定 display 属性为 block.请参阅对象的 hasLayout 属性.若要在img 对象上应用 shadow 滤镜,可以在该对象 img 对象的父容器上应用.滤镜的机制是可扩展的.通过利用 Microsoft? DirectX? Media SDK,你