Css 如何在li中增加子弹尺寸?
IE8中的项目符号太小了,我尝试过改变字体大小,但没有成功。 代码:Css 如何在li中增加子弹尺寸?,css,internet-explorer-8,html-lists,Css,Internet Explorer 8,Html Lists,IE8中的项目符号太小了,我尝试过改变字体大小,但没有成功。 代码: 项目1 项目2 有没有办法在不使用项目符号图像的情况下执行此操作?您可以在IE8条件注释中执行此操作 ul { list-style: none; } ul li:before { content: "•"; font-size: 170%; /* or whatever */ padding-right: 5px; } 在IE7中,您可以通过JavaScript预先设置项目符号,并对其进行
- 项目1
- 项目2
有没有办法在不使用项目符号图像的情况下执行此操作?您可以在IE8条件注释中执行此操作
ul {
list-style: none;
}
ul li:before {
content: "•";
font-size: 170%; /* or whatever */
padding-right: 5px;
}
在IE7中,您可以通过JavaScript预先设置项目符号,并对其进行相应的样式设置。Internet Explorer似乎不支持像Firefox和Chrome那样从
列表样式类型使用字体大小来调整项目符号的大小。我不知道这是否是一个已知的问题或错误
有一些解决办法,但有时图像是最快、支持范围更广的“修复方法”。IE8+确实可以缩放项目符号,但不是针对每个字体大小。
我的修正是基于Verdana的子弹比Arial的子弹大这一事实。我使用css为li
设置Verdana,同时在li
的内容周围添加额外的跨距,以保持原始字体。另外,由于Verdana可以使线条更高,我可能需要使用线条高度来弥补这一点,但这取决于浏览器。
此外,我还可以为li
使用更大的字体大小,使项目符号更大,然后我将不得不使用更小的行高
ul {
font: 12px Arial;
}
ul li {
font-family: Verdana;
line-height: 120%;
} /* font-size: 14px; line-height: 100%; */
ul li span {
font: 12px Arial;
}
<ul>
<li><span>item 1</span>
<li><span>item 2</span>
</ul>
ul{
字体:12px Arial;
}
ulli{
字体系列:Verdana;
线高:120%;
}/*字体大小:14px;线高:100%*/
李斯潘{
字体:12px Arial;
}
- 项目1
- 项目2
你也可以使用这个:它适合我
li::marker{
内容:“\25A0”
字体大小:1.5rem
颜色:黑色;
垂直对齐:底部对齐;
}
li::marker{
字体大小:20px;//或其他
}我在询问一些修复方案……是的,我想让子弹像Firefox一样变大。它在ie8中可以正常工作,但在ie7中却不行,因为在IEZ中以前不起作用ie7@user964104:是的。然而,你的问题包括IE8中的子弹…@alex;在css中为项目符号使用十六进制值。这更好,因为在某些情况下符号不起作用。@sandeep:在这种情况下我会使用\2022
。好主意。我会添加一个垂直对齐:底部在之前的选择器中选择code>,以使项目符号看起来更好。code正在工作,但内容:“\25A0”
和字体大小:1.5rem
ul {
font: 12px Arial;
}
ul li {
font-family: Verdana;
line-height: 120%;
} /* font-size: 14px; line-height: 100%; */
ul li span {
font: 12px Arial;
}
<ul>
<li><span>item 1</span>
<li><span>item 2</span>
</ul>