1回答
使用flexbox定位水平菜单
html、css、flexbox
我正在尝试用flexbox做固定菜单。在我的导航栏中，我创建了2个div。第一个应该包含徽标，第二个菜单(具有display:flex属性)。当我想要放置菜单的li元素时，我遇到了问题。我想要水平菜单，但是当我添加justify-content:space-between时，我的第一个元素应该位于菜单的div的左边，但它的边距很小，我不知道为什么。
浏览 10提问于2016-09-07得票数 1
1回答
为什么我的文本没有以移动版本为中心？
html、css、responsive-design、center
我是编程新手，我正在尝试制作一个响应式的网页。文本在桌面版本中居中，但在移动版本中，由于某种原因，文本靠右对齐，我不知道如何将其完美地放在中间。有没有人能看看我的代码，告诉我哪里做错了？谢谢! *{ padding: 0;} min-height: 100vh; background-image: linear-gradient(rgb
浏览 15提问于2021-10-19得票数 0
2回答
如何在Safari中将flex容器的绝对位置的子容器居中？
html、css、safari、flexbox、mobile-safari
我想要的文本是垂直和水平居中的图像。似乎最简单、最具前瞻性的方法是使用Flexbox和文本的绝对定位：.container { justify-content: center;}
但出于进步的原因，我更愿意使用
浏览 5提问于2017-06-08得票数 9
回答已采纳
2回答
是否可以使用flex布局将绝对定位的元素居中？
css、centering、absolute、flexbox
CSS3 flexbox或flex布局允许轻松地将元素水平和垂直居中，即使元素的高度和宽度未知。
是否可以使用flex布局在页面中心绝对定位覆盖(高度和宽度未知)？
浏览 2提问于2013-05-26得票数 9
1回答
为什么一个元素会被背景图片推出视线？
html、css、flexbox、grid-layout、display
我正在制作一个水平滚动的站点，并且遇到了一个问题，在使用flexbox时，我的内容被我的背景图像推出了页面。请看我的笔：
我使用了三个背景图像，每个图像占用整个页面的宽度和内联块来创建水平滚动。此外，我想添加flexbox，这样我就可以在每个背景图像上创建我自己的网格系统。问题是，当我添加flexbox时，我必须在背景图像下面的第一个div上使用position: absolute，这样背景图像就不会被下推到页面底部。有没有更好的方法来使用<
浏览 0提问于2017-11-14得票数 1
3回答
如何使此输入字段在其容器中垂直和水平居中
html、css
我正在尝试在容器(绿色框)中水平和垂直居中输入字段。我试过的所有东西，包括正常的居中技术，边距和自动，以及定位都不起作用。好吧，定位的问题是它确实有效，但必须有更好的方法来向下移动它。这是页面：
我尝试使用id #searchInput将输入放在中心
浏览 2提问于2013-04-20得票数 1
回答已采纳
2回答
移动版本上的菜单项顺序(浮动问题)
html、css、responsive
当我的菜单转到汉堡包菜单项获得display:block值。但我的项目没有得到正确的顺序，因为最后3个项目的float:right属性。我被困在想法中，我可以做两个菜单，但我认为这不是正确的方式。
浏览 1提问于2017-08-20得票数 0
1回答
使用%定位的水平菜单
css、html、responsive-design
我正在制作一个带有with:100%;和height:45px;的div菜单
菜单中的每个元素都是div。我的目标是让它适应任何屏幕分辨率，所以我首先在第一个div中放置一个margin-left:2%;，但对于下一个我不确定必须使用什么。我可以在float:left;中创建第一个元素，并使用像margin-left:10%;这样的边距，但是如果我们改变屏幕分辨率，它就不再好用了。如果我不放任何东西，它会放在第一个按钮下面。如果我在px中使用margin-left，它不会因为第一个margin-left:
浏览 2提问于2012-11-30得票数 1
回答已采纳
1回答
水平固定的元素，具有绝对垂直位置
jquery、css
我有一个带有标题菜单的水平滚动网站...现在，在某些情况下，站点内容足够长，可以显示垂直滚动条。我有固定的菜单定位，所以向左和向右滚动工作很好…但当向下滚动时，菜单显然会经过内容。我的问题是，有没有一种方法，用jquery / CSS让菜单在水平滚动时固定，然后在向下滚动时绝对定位到顶部？
浏览 0提问于2011-10-26得票数 1
2回答
定位嵌套ul
css、menu、html-lists
我有一个嵌套的ul (菜单)，并希望将嵌套菜单直接定位在包含菜单的下面，从与外部菜单相同的水平位置开始。
在本例中，嵌套菜单的位置向左太远，有点过高(它应该从包含菜单结束的地方垂直开始)。我可以使用left: 0px; (如所示)来修复水平位置，但这仍然不能修复垂直位置。
浏览 5提问于2011-02-14得票数 0
2回答
Flexbox:居中元素，两边都有空格环绕元素
css、flexbox
我正在使用flexbox设置一个由7个不同宽度的<li>元素组成的菜单。我希望我的中间(源码顺序中的第4个) <li>元素始终水平居中，作为一种锚点，1-3个<li>元素占据居中<li>左侧的空间，5-7个元素占据右侧的空间。
如果有人对flexbox有所了解，我们将不胜感激。
浏览 0提问于2014-04-10得票数 21
回答已采纳
2回答
具有间距、等高、垂直和水平居中项目的flexbox
html、css、flexbox
我正在尝试建立一个具有以下想法的flexbox菜单:项目之间的空间，等高，居中的文本(水平和垂直)。</ul>我应该怎么做才能得到一个正确的菜单我应该怎么做才能使文本水平和垂直居中？
浏览 3提问于2017-02-17得票数 0
2回答
如何使用flexbox列和悬停水平div？
html、css
我正在尝试构建一个具有类似于此图像的列标题的flexbox列，但是在悬停事件中，我希望将两个额外的div水平放置为布局图像。我可以编写一个概念验证UI HTML CSS，但如何构建标题标题或将标题标题放在div item之上，并悬停在水平额外的div上？注意:类似于下拉菜单，但是一旦鼠标悬停事件打开，在flexbox列上添加两个额外的div作为图像 display: flex;
flex-direction
浏览 18提问于2021-02-18得票数 1
1回答
Chrome和Firefox中Bootstrap菜单宽度问题的Flexbox布局
css、twitter-bootstrap、cross-browser、flexbox、submenu
我正在尝试学习如何使用flexbox并在Chrome & Firefox的Bootstrap子菜单中正确显示flexbox，但是子菜单面板不能正确计算宽度。它几乎不会水平扩展，菜单项只是溢出到菜单的边界上。当在最新版本的IE中查看时，菜单看起来应该可以工作，但在Chrome/Firefox/Opera中不能工作。这是菜单的结构，在dx- menu -container-brevity中有多
浏览 0提问于2015-01-08得票数 3
4回答
如何防止绝对定位的元素在CSS列中断开？
html、css、css-position、css-multicolumn-layout、column-count
我有一个使用HTML和CSS的2列布局。在这些列中，我有一个selectmenu，当单击其中一个列表项时将显示该菜单。我需要相对于点击的项目定位这个selectmenu，并且不影响它周围元素的布局，就像传统的select选项菜单一样。但是，我不能使用传统的选择，因为这是一个自动建议的输入/菜单。因此，我在菜单容器的相对定位父项中使用了一个绝对定位项。我的问题是，绝对定位
浏览 81提问于2016-07-20得票数 8
回答已采纳
2回答
如何获取元素填充100%的父级高度
html、css
我有一个简单的水平菜单。使用CSS display:table和display:table-cell，我使菜单“合理”。当菜单变得足够窄时，一些<a>元素中的文本将被包装成2行，从而增加了这些项的高度。未包装的<a>元素的其余部分保持在1行文本的高度，从而破坏了效果。如何使所有<a>元素填充其包含<li>的高度的100%
不能使用Flexbox，因
浏览 6提问于2014-07-29得票数 2
回答已采纳
1回答
Flexbox列中具有Flexbow行的子菜单:子菜单项不在同一行中
html、css、flexbox
我正在尝试构建一个具有固定位置左对齐控制面板(通过具有列方向的flexbox实现)的UI，其中有时可以为此flexbox中的给定项目提供一个子菜单。此子菜单应显示在父项的左侧。position: relative; display: flex; max-width: calc(100vw);
但是，子菜单不能正常工作，因为一些无法解释的原因，两个项目不是连续显示，而是再次显示为列(参见上面的小提琴；最
浏览 0提问于2018-07-04得票数 0
云服务器
ICP备案
对象存储
实时音视频
云点播
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号