Javascript 如何使图标与文本左侧分开?

Javascript 如何使图标与文本左侧分开?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这是我的密码: 这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本。 您需要将文本包装在其他元素中,并将图标和文本相邻放置。使用flex最容易做到这一点: .container{ 显示器:flex; } 这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本。

这是我的密码:


这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本。

您需要将文本包装在其他元素中,并将图标和文本相邻放置。使用
flex
最容易做到这一点:

.container{
显示器:flex;
}

这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本。

您需要将文本包装在其他元素中,并将图标和文本相邻放置。使用
flex
最容易做到这一点:

.container{
显示器:flex;
}

这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本。

添加
显示:块
到css中的
.fa检查
。这将使复选标记位于自己的一行上。

添加
显示:块
到css中的
.fa检查
。这将使复选标记位于自己的一行上。

您只需添加一个
显示:flex

span{
显示器:flex;
}
i、 fa支票{
保证金权利:.5rem;
}

这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本。

您只需添加一个
显示:flex

span{
显示器:flex;
}
i、 fa支票{
保证金权利:.5rem;
}

这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本。

您可以将图标向右浮动。我正在向您展示如何使用内联样式来完成它。您还可以创建一个类,该类的行为:float:right;在里面


这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本。

您可以将图标向右浮动。我正在向您展示如何使用内联样式来完成它。您还可以创建一个类,该类的行为:float:right;在里面


这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本这是测试文本。

对于您要查找的确切内容,似乎存在一些困惑。如果其中一个答案对你有帮助,请将其标记为正确并投票表决。否则,你可能需要澄清你的问题。关于你到底在寻找什么,似乎有些困惑。如果其中一个答案对你有帮助,请将其标记为正确并投票表决。否则,可能需要澄清您的问题。这是正确的,但由于
flex
display,无法在所有浏览器(特别是移动浏览器)中工作。什么浏览器?我已经使用flex很多年了,在移动领域没有任何问题@真的吗?我在某个地方读到它也不是跨浏览器的。不管怎样,谢谢你。@MartinAJ这一切都取决于你想走多远?我认为那些文章是胡说八道,支持是好的(检查我上面添加的链接)。我用它做了几个大型站点,支持IE11。从未使用过浮动。这是正确的,但由于
flex
display,不能在所有浏览器(特别是移动浏览器)中使用。什么浏览器?我已经使用flex很多年了,在移动领域没有任何问题@真的吗?我在某个地方读到它也不是跨浏览器的。不管怎样,谢谢你。@MartinAJ这一切都取决于你想走多远?我认为那些文章是胡说八道,支持是好的(检查我上面添加的链接)。我用它做了几个大型站点,支持IE11。从来没有用过浮球。