CSS id选择器不适用于display flex

文章/答案/技术大牛

发布

1回答

html、css、flexbox

我正在制作一个导航栏作为React组件，但是由于某种原因，我的display:flex不能在id css选择器#main-nav上工作。如果我将它附加到一个类选择器上，似乎可以工作，但我真的想在我的id选择上使用它。它一直在使用我的display:flex，它在我的媒体查询中，甚至当我展开我的窗口时。关于ID CSS选择器有什么我不知道的吗？因为我认为ID和lo

浏览 31提问于2019-05-15得票数 2

回答已采纳

1回答

我试着用css做一个滑动下划线，但由于某些原因不起作用。

html、css、flexbox、underline

#form{ margin: auto; flex-direction: column; } .butts{ justify-content#form .butt{ heig

浏览 24提问于2020-07-14得票数 0

回答已采纳

1回答

我创建了一个ID "slider“，并将其显示为内联-flex，但是chrome没有显示水平对齐的项目，为什么？

html、css、flexbox

The HTML code contains an ID with some text inside it<div id="slider"><div id="slider">#slider { }

浏览 0提问于2020-10-07得票数 0

1回答

"hover“选择器不能使用Flexbox将下拉显示更改为"none”

html、css

css中的悬停选择器不能使子元素随display: none一起消失；我已经尝试了不同的选择器，比如+ it并没有真正起作用。我是个菜鸟，对此我很抱歉。 height: 70px; } div nav{ /* This flexbox} div nav ul{ display: flex</

浏览 19提问于2018-12-24得票数 1

回答已采纳

3回答

使用简单的JavaScript函数隐藏div元素时出现问题

javascript、html、css

我正在做一个非常小的项目，我试着做一个div，给它一个css style，我不能隐藏它，我也不知道为什么。 flex-direction: column; padding: 1em; background-color: white; } display: <e

浏览 26提问于2020-03-15得票数 0

回答已采纳

1回答

在MVC中不能将按钮组中的按钮对齐到顶部

html、css、twitter-bootstrap、model-view-controller

100%" aria-label="Toolbar with button groups"> <button type="button" id

浏览 3提问于2020-02-07得票数 1

回答已采纳

2回答

JS在` `display: none`和` `display: flex`之间切换

javascript、html、css

我有一个用于响应导航的JS函数，当屏幕太小时，可以用一个汉堡按钮来隐藏和显示导航。我的问题是，即使CSS样式显示为display:none，导航的链接也会在加载时显示，之后该按钮会按预期工作，并让我在display: none和display: flex之间切换。) { } else { x.style.display = "none

浏览 10提问于2020-01-07得票数 0

1回答

是否有办法按字母顺序重新排列样式的css组件？

phpstorm、webstorm、styled-components

WebStorm提供了设置Sort CSS properties - By name。重排的： display: flex; cursor: pointer;to: align-items: center; display: flex;遗憾的是，这并不适用于styled-components CS

浏览 2提问于2020-03-25得票数 0

回答已采纳

2回答

如何使用javascript键代码切换div

javascript、jquery、html

HTML： <div id="chatcontainer" style="display:none; flex-direction:column"> &l

浏览 4提问于2018-01-13得票数 1

回答已采纳

1回答

Fancybox在打开时不适合图像

javascript、fancybox、fancybox-3

当我试图打开图像时，它不适合缩放。我甚至尝试使用官方网站上提供的示例。它不适用于本地页面，但适用于jsfiddle和类似的站点(使用相同的html/css)。，图像网格只有bootstrap 4(它和没有bootstrap一样)风格： padding-left: 15px; display: -webkit-box; display: -webkit-flex</em

浏览 14提问于2017-07-28得票数 0

回答已采纳

1回答

使用：：在伪不使用Safari之前显示flex

css、sass

对伪元素使用display似乎不适用于Safari。在Chrome上，这是可行的。有人知道Safari的修复方法吗。或者碰巧知道为什么这不适用于Safari？输出铬(V94)：关于Safari的产出(V14.1)我的css/scss代码： summary{ display: -ms-flexb

浏览 5提问于2021-10-11得票数 0

回答已采纳

2回答

CSS :当作为jquery选择器放置在里面时，没有选择器工作，而不是使用纯CSS

jquery、css、jquery-selectors、css-selectors

可能重复：我在CSS中尝试使用下面的选择器。ui-content) {} 但它在jquery (如$('.ui-content:not(#ui-container > .ui-content)') )中确实有效，但不适用于</em

浏览 6提问于2012-11-06得票数 2

回答已采纳

1回答

如何使图标在按钮的中间？

html、button

所以我对HTML非常陌生，当使用一些指南创建带有图标的按钮时，它最终看起来像。 border: none; color: #FFFFFF; border-radius: 5px; cursor: pointer;} position: relative; padding: 1

浏览 3提问于2021-08-18得票数 1

回答已采纳

1回答

如何使用flexbox将两个元素放在同一行？

css、flexbox、polymer-1.0

<template> .container { justify-content: space-between; } display: flex; height: 85%; .input { flex

浏览 2提问于2016-10-19得票数 3

2回答

是否有可能使页面上的所有元素都显示: flex* (柔性盒)？*

css、flexbox

我想使用一个应用程序的柔箱，并希望所有的元素被设置做显示: flex。这有可能吗？如果是，怎么做？我有alread set body { display: flex }，但它仍然不适用于所有body元素。

浏览 3提问于2013-10-30得票数 6

回答已采纳

5回答

火狐，Flexbox和溢出

css、flexbox

在上一次firefox更新css3 3代码之后. (小提琴)。是虫子吗？还是正常工作？我需要改变什么才能修好它？为什么#flex不适当地调整大小？HTML： <div id="flex"> <input

浏览 4提问于2014-12-11得票数 28

回答已采纳

3回答

如何在antd DatePicker或RangePicker中将日历图标左对齐

reactjs、datepicker、components、antd、daterangepicker

默认情况下，日历图标与DatePicker和RangePicker的右侧对齐。请参阅下图以了解预期的行为。博士：

浏览 11提问于2022-04-20得票数 2

回答已采纳

1回答

CSS + flex +高度100%

html、css、flexbox

是这样的： <div id="1"> ...</div></div>Div 1- style=display:flex; Div 2- style=<em

浏览 0提问于2015-07-18得票数 3

回答已采纳

3回答

在CSS中放置方框

html、css

我一页有三个盒子，我想把它们放在一起。我应该使用哪一种代码？保证金？填充物？哪种显示器？内嵌还是块？.box{ width: 350px; background-color: rgba(158, 235, 158, 0.151); border-style: dashed; border-color: rgb(13, 54, 31);<div class="box-1"/&

浏览 4提问于2021-04-05得票数 1

回答已采纳

1回答

Flexbox对齐-自我被忽略

html、css、flexbox

的文档声明： display: flex; border: 1px solid blue; align-self: center; align-self: bottom;<body> <div

浏览 2提问于2017-06-06得票数 0

回答已采纳

点击加载更多