首頁 > web前端 > css教學 > CSS的display屬性list-item的list-style-type顯示不出來的問題解決

CSS的display屬性list-item的list-style-type顯示不出來的問題解決

黄舟
發布: 2017-06-29 13:43:12
原創
4665 人瀏覽過

CSS的display屬性list-item的list-style-type顯示不出來

<!--以下是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中瀏覽器才能看到,其他顯示器也顯示為下面的樣子。

CSS的display屬性list-item的list-style-type顯示不出來的問題解決

要設定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顯示不出來的問題解決

#

以上是CSS的display屬性list-item的list-style-type顯示不出來的問題解決的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板