CSS的display属性list-item的list-style-type显示不出来的问题解决

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了CSS的display属性list-item的list-style-type显示不出来的问题解决，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1699字，纯文字阅读大概需要3分钟。

内容图文

<!--以下是XML文档-->
<?xml version="1.0" encoding="GB2312"?>
<?xml-stylesheet type="text/css" href="student.css"?>
<!DOCTYPE student[
<!ELEMENT student (stu)*>
<!ELEMENT stu (name,sex,height)>
<!ELEMENT name (#PCDATA)>
<!ELEMENT sex (#PCDATA)>
<!ELEMENT height (#PCDATA)>
]>

<student>
<stu ID="a110">
<name>A</name>
<sex>male</sex>
<height>175</height>
</stu>
<stu ID="a111">
<name>B</name>
<sex>male</sex>
<height>172</height>
</stu>
</student>

/*以下是CSS文档*/
student
{
display:list-item;
list-style-type:square;
font-size:24pt;
}

为什么显示不出square的实行方框呢？
另外，我试了disc、decimal、lower-roman、upper-roman、lower-alPha、upper-alPha，无论哪种外部浏览器还是XMLWriter内部的浏览器，显示效果都如图所示。只有试了circle，在XMLWriter中浏览器才能看到，其他显示器也显示为下面的样子。

要设置list-style-position：inside

我不知道你这种事什么写法，但是如果是我的话，我会这么写

<?xml version="1.0" encoding="GB2312"?>
<?xml-stylesheet type="text/css" href="student.css"?>
<!DOCTYPE student[
<!ELEMENT student (stu)*>
<!ELEMENT stu (name,sex,height)>
<!ELEMENT name (#PCDATA)>
<!ELEMENT sex (#PCDATA)>
<!ELEMENT height (#PCDATA)>
<style>
student
{
display:list-item;
list-style-type:square;
font-size:24pt;
}
</style>
<student>
<!--<stu ID="a110">
<name>A</name>
<sex>male</sex>
<height>175</height>
</stu>
<stu ID="a111">
<name>B</name>
<sex>male</sex>
<height>172</height>
</stu>-->

<ul id="a110">
<li>name:A</li>
<li>sex:male</li>
<li>height:175</li>
</ul>

<ul id="a111">
<li>name:B</li>
<li>sex:male</li>
<li>height:172</li>
</ul>
</student>

以上就是CSS的display属性list-item的list-style-type显示不出来的问题解决的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的CSS的display属性list-item的list-style-type显示不出来的问题解决全部内容，希望文章能够帮你解决CSS的display属性list-item的list-style-type显示不出来的问题解决所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端