Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 图标显示在一行而不是一列中_Html_Css - Fatal编程技术网

Html 图标显示在一行而不是一列中

Html 图标显示在一行而不是一列中,html,css,Html,Css,我看到这个问题已经存在,但我无法将这些答案应用到我的案例中,它对我不起作用。我试图将这些图标显示在一行中,一个挨着一个,但它们总是在列中结束。请问我怎么换?我不想使用bootstrap,也不想使用html5,只想使用html --摄氏度 --摄氏度 --摄氏度 Div标记是块级别的,这意味着它们将自动与容器一样宽。如果一行中有几个,这会使它们垂直堆叠 我已经应用了float:left到您的第三级嵌套div,这使它们既内联又向左浮动。内联意味着它们只和它们的内容一样大,向左浮动使它们从左边开始

我看到这个问题已经存在,但我无法将这些答案应用到我的案例中,它对我不起作用。我试图将这些图标显示在一行中,一个挨着一个,但它们总是在列中结束。请问我怎么换?我不想使用bootstrap,也不想使用html5,只想使用html


--摄氏度
--摄氏度
--摄氏度

Div标记是块级别的,这意味着它们将自动与容器一样宽。如果一行中有几个,这会使它们垂直堆叠

我已经应用了
float:left到您的第三级嵌套div,这使它们既内联又向左浮动。内联意味着它们只和它们的内容一样大,向左浮动使它们从左边开始彼此相邻地堆叠

我还对最里面的div应用了第二种样式-使它们内联

div>div.status-icons-text-color.temperature-data-icons>div{
浮动:左;
}
div>div.status-icons-text-color.temperature-data-icons>div>div{
显示:内联;
}

--摄氏度
--摄氏度
--摄氏度

Div标记是块级别的,这意味着它们将自动与容器一样宽。如果一行中有几个,这会使它们垂直堆叠

我已经应用了
float:left到您的第三级嵌套div,这使它们既内联又向左浮动。内联意味着它们只和它们的内容一样大,向左浮动使它们从左边开始彼此相邻地堆叠

我还对最里面的div应用了第二种样式-使它们内联

div>div.status-icons-text-color.temperature-data-icons>div{
浮动:左;
}
div>div.status-icons-text-color.temperature-data-icons>div>div{
显示:内联;
}

--摄氏度
--摄氏度
--摄氏度

Div标记是块级别的,这意味着它们将自动与容器一样宽。如果一行中有几个,这会使它们垂直堆叠

我已经应用了
float:left到您的第三级嵌套div,这使它们既内联又向左浮动。内联意味着它们只和它们的内容一样大,向左浮动使它们从左边开始彼此相邻地堆叠

我还对最里面的div应用了第二种样式-使它们内联

div>div.status-icons-text-color.temperature-data-icons>div{
浮动:左;
}
div>div.status-icons-text-color.temperature-data-icons>div>div{
显示:内联;
}

--摄氏度
--摄氏度
--摄氏度

Div标记是块级别的,这意味着它们将自动与容器一样宽。如果一行中有几个,这会使它们垂直堆叠

我已经应用了
float:left到您的第三级嵌套div,这使它们既内联又向左浮动。内联意味着它们只和它们的内容一样大,向左浮动使它们从左边开始彼此相邻地堆叠

我还对最里面的div应用了第二种样式-使它们内联

div>div.status-icons-text-color.temperature-data-icons>div{
浮动:左;
}
div>div.status-icons-text-color.temperature-data-icons>div>div{
显示:内联;
}

--摄氏度
--摄氏度
--摄氏度
像这样的东西?(见评论)


--摄氏度
--摄氏度
--摄氏度
像这样的东西?(见评论)


--摄氏度
--摄氏度
--摄氏度
像这样的东西?(见评论)


--摄氏度
--摄氏度
--摄氏度
像这样的东西?(见评论)


--摄氏度
--摄氏度
--摄氏度


将它们全部放在一个表中的一行怎么样?如何?他们在一个分区中,我不知道应该应用哪些更改来将他们排在一行中。我回答了一个问题(见下文)。将他们全部排在一个表格中如何?他们在一个分区中,我不知道应该应用哪些更改来将他们排在一行中。我回答了一个问题(见下文)。将他们全部排在一个表格中如何?他们在一个分区中,我不知道应该应用哪些更改来将他们排在一行中。我回答了一个问题(见下文)。将他们全部排在一个表格中如何?他们在一个分区中,我不知道应该应用哪些更改来将他们排成一行。我回答了他们的问题(见下文)。非常感谢。你能简单地向我解释一下你是如何编写这个类的吗?我从来没有在css类中编写过div,你是如何使用它的?这里有一个链接可以让你开始:如果你想要更多或不同的资源,请搜索术语
css选择器
。这是一个关于如何使用CSS定位HTML的术语。只需再添加一个问题。在这种情况下,会是一个大的div类行,内部是3个div,但内部div是a href和一些图像。那么对于一个css类,我应该采取什么措施,将它们放在一行呢?a好的,我使用了:链接,它可以工作,只是图标之间没有空格?太棒了,谢谢。你能简单地向我解释一下你是如何编写这个类的吗?我从来没有在css类中编写过div,你是如何使用它的?这里有一个链接可以让你开始:如果你想要更多或不同的资源,请搜索术语
css选择器
。这就是如何使用CSS.jus以HTML为目标的术语