首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >firefox中的css项目符号

firefox中的css项目符号
EN

Stack Overflow用户
提问于 2010-08-10 00:08:47
回答 3查看 574关注 0票数 0
代码语言:javascript
运行
复制
<ul>
   <li> test </li>

</ul>

默认情况下,在firefox上查看时,测试会移到右侧?如何让它向左对齐?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2010-08-10 00:24:20

文本稍微向右移动了一点,因为左边有项目符号。

如果要删除项目符号,最简单的方法是添加:

代码语言:javascript
运行
复制
ul.nobullet, ul.nobullet li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

然后就这么做

代码语言:javascript
运行
复制
<ul class="nobullet"> <!-- etc -->
票数 3
EN

Stack Overflow用户

发布于 2010-08-10 00:15:24

使用css text-将属性与值对齐。我认为默认Firefox是将文本向左移动,但看起来您在某处更改了文本对齐css属性,使其向右对齐

代码语言:javascript
运行
复制
<ul>
     <li>a</li>
     <li>aaaa aaaaa dddddd</li>
</ul>
<style>
   ul li
    {
        text-align: right;
    }
</style>
票数 1
EN

Stack Overflow用户

发布于 2010-08-10 00:10:58

更改padding-left样式。

代码语言:javascript
运行
复制
<ul style="padding-left:0;">
   <li> test </li>

</ul>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3441951

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档