首页 > 解决方案 > 我创建了一个 ID“滑块”并将其显示为 inline-flex 但 chrome 没有显示水平对齐的项目,为什么会这样?

问题描述

The HTML code contains an ID with some text inside it
 HTML code---
<div id="slider">
Some text here ......

</div>
<div id="slider">
Some text here

</div> 

CSS --
#slider {
display: inline-flex
   }

此处显示设置为 inline-flex

flex 不适用于 chrome 浏览器,为什么?

标签: htmlcssflexbox

解决方案


可能是以下之一:

  • ;您错过了css 行末尾的分号 ( )。
  • 您有多个具有相同值的 id,请考虑将 then 更改为class而不是id,并在 css 中使用.slider选择器。

推荐阅读