flex内容和边框之间的像素高度间隔:悬停和:焦点效果
flex内容和边框之间的像素高度间隔是指在使用flex布局时，内容区域与边框之间的间隔距离。这个间隔距离可以通过设置flex容器的属性来控制。
在flex布局中，可以使用justify-content属性来控制主轴上的对齐方式，包括flex-start、flex-end、center、space-between、space-around等。而align-items属性则用于控制交叉轴上的对齐方式，包括flex-start、flex-end、center、baseline、stretch等。
当设置了justify-content为flex-start时，内容区域会紧贴边框，没有间隔。而当设置为其他值时，内容区域与边框之间会存在像素高度间隔。
悬停效果和焦点效果可以通过CSS的伪类选择器来实现。当鼠标悬停在元素上时，可以使用:hover伪类选择器来设置相应的样式，例如改变背景色、字体颜色等。而当元素获得焦点时，可以使用:focus伪类选择器来设置样式，例如添加边框、改变背景色等。
关于flex布局和CSS伪类选择器的更详细信息，可以参考以下链接：
相关·内容
/*SETUP*/#sortTools { margin: 0 1vw;
display: flex目标:获得:hover和:focus背景效果/变换，以覆盖两个底部边框之间的高度。 预期结果:见上。 实际结果:经过大量的试验和错误，我无法摆脱小提琴中出现的空白。我尝试
浏览 5提问于2020-03-30得票数 0
我有一个项目在我的肚脐，有一个悬停效果-但应该有间隔之间的项目之间出现悬停和悬停元素。但是如果我添加间隔，悬停效果将在空白中被禁用，所以不能点击下拉内容中的链接。如何解决这个问题，使中间的空白保持悬停效果？/SCSS： display
浏览 1提问于2022-08-26得票数 0
2回答
在这个例子中当我在padding css中玩.flex-item时，我发现它可以覆盖height限制，即padding + line-height > height，在哪里可以找到这样的优先级？
浏览 0提问于2019-01-20得票数 0
回答已采纳
1回答
在我们的web应用程序中，我们计划在Flex中开发顶部导航，并将普通HTML.On中的页面内容悬停在顶部导航的菜单上，显示子节点。子项应该显示在HTML内容的顶部。那么顶部导航SWF文件的高度应该是多少，覆盖才能正常工作。最初，顶部导航的高度将是40像素。在悬停时，它会说200px.ie的swf文件的高
浏览 0提问于2009-10-20得票数 0
1回答
每当我点击一个形式的文字输入，一个绿色的下划线出现，这并不真正符合我目前正在工作的网站的原色。如何将其从绿色更改为紫色？(>图像以供参考，因为我还不能在帖子中包含图片)
浏览 5提问于2022-06-30得票数 0
回答已采纳
我有以下的div和按钮 <button class="sc-fzokOt eEeKDq">Cancel</button></div>box-sizing: "border-bo
浏览 1提问于2020-04-15得票数 0
回答已采纳
3回答
我有一些基于div的表。当表行被悬停时，我想在它的顶部和底部添加边框。但是，尽管有了box-sizing: border-box，我的块却变大了2个像素。行不能有固定的高度。下面是示例：
我不能仅仅添加不可见的或透明的边框，因为它会在行之间产生空白。
浏览 2提问于2015-09-13得票数 3
回答已采纳
我想让图像在水平和垂直中心在他们的容器内。如果它们的宽度或高度大于其容器的宽度或高度，则使它们在保持其比例的同时自动收缩。下面的CSS代码是我在容器上使用的代码，试图实现这个目标：display: -webkit-flex;-webkit-justify-content: cent
浏览 3提问于2015-06-02得票数 5
回答已采纳
2回答
我正在为我的电子应用程序(HTML，SASS)设计一个按钮。在悬停时，此按钮将添加10 to边框顶部和边框底部，然后调整其高度为-20以抵消额外的边框高度。我的转换工作几乎完美，除非在每个边界(悬停时顶部和底部)添加了一个小边框(似乎小于1px )，这个附加边框增加了按钮的总高度，足以在视觉上非常恼人的
浏览 3提问于2020-12-22得票数 0
回答已采纳
我遇到的问题是，我的WebSVN安装有一个与查看不同文件相关的奇怪问题。有一些CSS会突出显示当前行，但当我在屏幕上上下移动鼠标时，这些行会变得更高或更低1-2像素，这取决于我移动鼠标的方向。您需要登录，但是用户名和密码都是'guest‘，不带引号。请注意，您可能会收到有关站点证书的警告。这是一个私有服务器，所以我不会为一个真正的证书买单，所以忽略它。在我使用的浏览器Chrome和Internet Explorer中，这个问
浏览 2提问于2009-08-30得票数 0
回答已采纳
1回答
我有一系列宽度为50%的元素，它们彼此相邻，我想给每个元素一个20px的白色边框来分隔它们，原因是我有一个响应式布局，我总是希望元素之间有40px的空白。我也有一个悬停效果，但是当你在主元素上使用边框时，当你悬停在边框或轮廓上时，你会触发悬停效果，这是我不想要的。
尝试悬停在红色边框和轮廓上(轮廓您需要
浏览 0提问于2014-07-11得票数 0
所以如果我说一个分割的宽度是20px，右边界是10px，我最终会得到一个占据20px空间的长方体，其中一半是右边界。将它推到我将宽度设置为10px和右边框的位置，如下所示：#box { width: 10px; background: black;}
<div id="box">
浏览 0提问于2012-06-22得票数 17
回答已采纳
我正在使用html表格创建一个3x3的图像网格。当光标位于特定图像上时，我希望同时增加图像的宽度和高度。现在，当我增加一个表单元格的宽度时，该特定行中所有其他表单元格的宽度会自动减小。不幸的是，当我增加一个表格单元的高度时，它下面的表格单元的高度保持不变，导致表格本身的高度增加。
如何使其他单元格的高度自动减小？
浏览 1提问于2016-11-29得票数 0
我现在正在开发一个Flex应用程序，在该应用程序中我需要控制Flex控件的每个像素。我想要计算在我的控件中使用的一些文本的宽度和高度，并做一些布局stuff.After一些搜索，我发现在Flex中绘制文本的唯一方法是使用像TextField这样的东西。因此，我使用TextField来显示文本，并尝试通过以下方法获取文本的宽度和高度</em
浏览 1提问于2009-12-22得票数 0
1回答
如何使用具有100%宽度和边距/填充的输入？？
当输入没有焦点时，宽度比父元素宽2个像素，但在焦点上宽度是对的吗？如何解决这个问题？！
浏览 3提问于2012-11-08得票数 2
回答已采纳
3回答
我有一个表(一个日历)，并且在每个td元素上都有一个CSS悬停。我在悬停时设置了一个边框，但它会弄乱单元格的宽度和高度(例如，新边框会将下一行稍微向下推，依此类推)。
有什么办法解决这个问题吗？
浏览 2提问于2012-09-29得票数 1
回答已采纳
1回答
我有这个css font-family: sans-serif; display: grid; border: 1px solid;}
浏览 2提问于2022-05-13得票数 1
1回答
wpf如何创建自定义按钮
、、、
在WPF中，如何制作一个带有5像素半径的白色边框、深灰色背景和白色文本的按钮？如果它仍然有鼠标悬停和按下效果，那就太好了。
浏览 3提问于2012-07-02得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
