为了账号安全,请及时绑定邮箱和手机立即绑定

关于list-style-position:inside的问题

求问各位,关于list-style-position:inside的问题,我写的代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style>

ul{list-style-position:inside; }

li{ width:300px; border:1px solid #963; height:40px;text-align:left; font-size:14px; line-height:40px }

</style>

</head>

<body>

<div><ul>

    <li>我的太阳</li>

        <li>我的太阳</li>

        <li>我的太阳</li>

    </ul></div>

</body>

</html>

结果在chrome下显示为http://img1.sycdn.imooc.com//581457b30001120e04000144.jpg

在ie6下显示为:http://img1.sycdn.imooc.com//581457d20001ee3703740146.jpg

这是兼容性问题吗?怎么解决?

正在回答

4 回答

IE6的试试在li中设置padding

0 回复 有任何疑惑可以回复我~
#1

放晴的耗子 提问者

试了下,设置padding只能将文字的位置移动,但ie6下的圆点还是在边框外边
2016-10-29 回复 有任何疑惑可以回复我~
#2

qq_缔曦_04032696 回复 放晴的耗子 提问者

none;掉,用设置背景代替原点吧
2016-10-29 回复 有任何疑惑可以回复我~
#3

放晴的耗子 提问者 回复 qq_缔曦_04032696

好的,谢谢你
2016-10-29 回复 有任何疑惑可以回复我~

ie6的支持性不友好导致

0 回复 有任何疑惑可以回复我~

是浏览器的人问题。

0 回复 有任何疑惑可以回复我~

换个浏览器试试


0 回复 有任何疑惑可以回复我~
#1

放晴的耗子 提问者

其他浏览器显示都正常,就是在ie6下没有inside的效果
2016-10-29 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1226801    人
  • 解答问题       18245    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

关于list-style-position:inside的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信