positioning 相关问题

这个标签含糊不清。不要使用此标签。 - 请使用(或创建,如果适用)其他更具体的标签。

位置为绝对的元素上的垂直空间

如何使仅具有CSS的position:absolute和dynamic height占据垂直空间的元素?我可以使用容器和显示的任何技巧吗?

回答 3 投票 12

如何使用电子定位器

[没有关于如何将ELECTRON JS应用定位到特定区域的明确示例。唯一的语法在GitHub上可用,并且不能很好地描述它。

回答 1 投票 0

定位标签和图像组件Xamarin形式

我需要这样的东西:现在我有这个:XAML:

回答 1 投票 0

将来自父母的所有孩子像在移动媒体上查询纯css的每两个小组一样

没有javascript或网格,因为它只是一个登陆页面,我希望在所有浏览器中都受支持,所以我尝试创建一个价格页面,如下图所示:在此示例中,我使用了flex。价格块...

回答 1 投票 0

我如何在一个div中将带有图标的多个元素放置在一起?

我想在我网站的标题中创建一个号召性用语部分,我要在一侧上放图片,而在另一侧上要放一个标题(特别是h1)和一个段落,最后是一个按钮。 ..

回答 1 投票 -1

如何将元素放置在另一个响应元素上?

我有一个响应图像,该图像随着浏览器窗口的增大而增大。我还计划将图标放在此图像(是地图)上的正确位置。我通常会使用绝对位置...

回答 1 投票 0

JavaScript:元素定位

我们如何通过函数更改JS中元素的位置? object.style.left =“距离”; ->不适用于返回值,但格式正确(12%,12px)。代码示例:/ *随机获取...

回答 1 投票 0

输入内部的位置范围-不适用于PLACEHOLDER [关闭]

我正在开发一个项目,在该项目中,我的客户想要一个“显示/隐藏”密码功能-相当简单,但是他们希望输入框内的按钮。这也很容易做到-...

回答 1 投票 1

相对图像绝对定位2个格的问题

使用Bootstrap 4,我有一个响应图像,最初设置为2000px X 500px,我想在其确切的左右两侧放置2 ul文本(它将是动态文本),并保留该文本...] >

回答 1 投票 0

CSS位置无法正常工作

这是我的代码CSS h2 {位置:绝对;左:100px;顶部:150px; } h1 {位置:固定;顶部:...

回答 2 投票 3

DIV内的居中文本

我一直被这个烦人的问题困扰,我无法在div内居中放置文本。我设法使文本开始在中心,但我希望整个文本居中。这是...

回答 10 投票 0

根据现有元素的位置来放置新元素?

我正在使用以下代码(网页中的Javascript)在DOM中动态创建“新”元素。我希望将这个200px定位在现有元素“下方”。但是我的输出具有...

回答 1 投票 0

CSS下拉导航导致html内容移动

我关于SO的第一个问题,希望可以解决,对于一个精通CSS技术的人来说,应该是一个简单的解决方案……我遇到的问题是,我的CSS驱动的下拉部分...

回答 2 投票 6

在CSS中定位,我需要中央的下拉选项但向左缩进

下面的HTML需要合适的CSS,以使下拉链接位于中心但缩进。查看小提琴。 https://jsfiddle.net/peteraejnrdev/865h2tvu/2/#&togetherjs=d3VifH4hc3 ] >>> 这可以使用position属性- 将父级设置为相对位置(这将为子级元素创建容器)将子元素位置设置为绝对。现在,您可以使用top / left / bottom / right属性指定要放置元素的位置-请记住,默认情况下,元素的中心点将位于左上方-这意味着您需要转换元素-50%(顶部和左侧)以使其居中-下面的示例: li.top-menu-nav { position: relative; width: 100%; } ul.sub-nav { position: absolute; left: 50%; transform: translate(-50%); } [请记住,如果您想将LI居中,则需要添加- ul.sub-nav { position: absolute; left: 50%; top: 50%; transform: translate(-50%, 50%); } 另请注意,子元素(在这种情况下为li)可以移动到的高度将取决于父元素的高度,给top-menu-nav一个height:100vh可以将菜单放置在中间页面。 希望这会有所帮助,沃利 如果我的解释正确,您可以执行以下操作: .header-dropdown-menu { position: relative; display: inline-block; } .sub-nav { display: none; text-align: center; position: absolute; min-width: 8rem; box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.2); padding: 1rem 1.5rem; z-index: 1; } .sub-nav { padding-left: 5rem; } .top-menu-nav:hover .sub-nav { display: block; } <div class="header-dropdown-menu"> <ul class="top-nav"> <li class="top-menu-nav"><a href="#">Menu</a> <ul class="sub-nav"> <li><a href="#">wood Type</a></li> <li><a href="#">News</a></li> <li><a href="#">Specification</a></li> <li><a href="#">Pricing</a></li> <li><a href="#">Images</a></li> <li><a href="#">FAQ</a></li> </ul> </li> </ul> </div>

回答 2 投票 -1

链接和按钮位置

我需要制作特定类的按钮和链接以相同的方式进行外观和定位。我尝试过此操作(简化):

回答 4 投票 0

无法将最后两个图像居中,并且第一个图像被覆盖

我正在学习HTML和CSS,并试图将Apple网站复制为我的第一个实际项目。我在处理图像时遇到麻烦,第一个图像不合比例地过大,太大了...

回答 1 投票 0

努力定位使用jQuery创建的div元素

我有两个不同的textareas,两个最大maxlenghts。每个文本区域的字符计数仅在其中一个文本区域被聚焦时才会显示,即两个文本区域的字符数...

回答 2 投票 0

[使用php或js检测img文件中的对象?

有没有一种方法/是否有可用的脚本来检测img文件中的人脸?例如,假设我的显示器是500 x 500,并且用户上传了一堆各种尺寸的文件。如何...

回答 2 投票 0

页脚位置由于高度100%而错误

我发现很多人都在问类似的问题,但是我的似乎是另外一个问题。这是我的部门的安排。 [ ]

回答 1 投票 0

HTML / CSS是否可以复制此按钮

我在html / css中创建了一个按钮,但是我似乎找不到一种方法来复制该按钮并将其赋予其他位置。例如,假设我希望重复的按钮在...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.