css-float 相关问题

使用CSS float属性将元素定位到其容器的左侧或右侧。

为什么我的内联块后面有空格? [重复]

我使用浮动样式来删除空格,我想将其居中,但在我的 div#bar 之后出现另一个空格 这是我的html: &... 我正在使用浮动样式来删除空格,并且我想将其居中,但在我的div#bar之后出现了另一个空格 这是我的html: <div id="foo"> <div id="bar"> <div class="divo divo1">test1</div> <div class="divo divo2">test2</div> <div class="divo divo3">test3</div> <div class="divo divo4">test4</div> </div> </div> 和CSS: #foo { width: 100%; background: #999; text-align: center; } #bar { display: inline-block; } .divo { display: block; float: left; } http://jsfiddle.net/Kodam/ay3ywtqa/ 注意:我不想使用负边距或字体大小 0 样式。 由于 #bar 是内联元素,因此它为下行文本元素(例如 j、y、g)保留了空间。您可以向左浮动,但这会折叠它,所以我建议将垂直对齐设置为顶部: #bar { display: inline-block; vertical-align:top; } jsFiddle 示例 试试这个: #foo { width: 100%; background: #999; font-size:0; text-align: center; } #bar { display: inline-block; font-size:13px; } 将父级字体大小设置为0,然后将所需的字体大小设置给子级。 jsFiddle:http://jsfiddle.net/ay3ywtqa/3/

回答 2 投票 0

如何使用内联块文本“浮动”绝对定位范围?

如果文本到达绝对定位的 span 元素,它应该围绕它流动。如果 div 元素内的文本未填充整行,则当悬停时整行不应着色...

回答 1 投票 0

向右浮动改变下一个元素的位置

我有一个简单的 HTML、一个父 div 和两个子 div。当我将浮动设置为右侧的一个孩子的样式时,下一个孩子会上升并且边距顶部不适用于它,这是我不想要的。 这里...

回答 3 投票 0

具有可变高度的浮动div(排列)

我有一个简单的问题,涉及高度可变的浮动 div 的排列。 目标: 结果: 我只有带有 css float: left; 的 div 容器并且没有定义高度。该f...

回答 2 投票 0

带有浮动元素的内联块元素的行为

身体{ 字体系列:Arial、无衬线字体; 保证金:0; 填充:0; 背景颜色:#f0f0f0; } .uj { 背景颜色:浅绿色; 显示:内联块; } .qw { 高度:200px; 浮动:左;...

回答 1 投票 0

如何在flutter中实现类似float(CSS属性)的属性

我想在flutter中创建以下设计: 我想创建这样的设计,其中图像浮动在右侧,文本位于右侧,当图像的高度结束时意味着

回答 1 投票 0

如何将页脚中的链接移至右侧

我对此很陌生,所以很抱歉,如果这是一个简单的修复,但我已经研究了一个多小时,只是无法解决它,我想做的就是为我的第一个网站创建一个简单的页脚我是

回答 1 投票 0

CSS :nth-of-type() 和 :not() 选择器?

我并排浮动了 25% 宽的文章。我在每四个元素之后添加一个clear:both。但是我需要在元素之间插入图形分节符。而且一定是

回答 3 投票 0

将 DIV 堆叠在一起?

是否可以堆叠多个DIV,例如: 所以所有那些内部 DIV...

回答 11 投票 0

这些 CSS 媒体查询有什么问题? - 或者和我一起。一定是我们两个人中的一个有错

所以,据我所知,我的代码〜应该〜工作。但事实并非如此。 Chrome 的开发人员工具向我显示,我的浏览器正在识别 >501px 条件并应用 CSS,但不能识别较小的 vi...

回答 1 投票 0

如何让div充满浏览器窗口

从互联网上访问了许多网站后,我找不到方法,如何制作一个填充浏览器窗口的div。首先它应该是隐藏的,但在回发时它应该是可见的。这个div不是...

回答 4 投票 0

添加填充或边距分隔 3 列浮动

我才刚刚开始,我花了几个小时在这上面,但无法想出解决方案。 我有一个 3 列布局,当我尝试在列之间添加边距或填充时,该布局会中断。 我会...

回答 1 投票 0

将绝对定位的元素彼此相邻对齐

全部, 我想将绝对定位的元素彼此相邻对齐。我确信我在自己的代码中看到了这种效果,但是我很难在当前的项目中重现这种效果。 这里是拉...

回答 3 投票 0

使浮动子项在溢出之外可见:隐藏父项

在 CSS 中,overflow:hidden 设置在父容器上,以允许其随着浮动子容器的高度而扩展。 但与 m 结合时,它还有另一个有趣的功能...

回答 7 投票 0

优先增长一个div,然后再增长它的兄弟

我有一个页面,根据用户设置可以有两种样式: 款式一: 分区 > 分区 { 书写模式:垂直rl; 文字方向:直立; } 。左边 { 背景颜色:lightgre...

回答 1 投票 0

CSS 相对+右(或底部)几乎永远不会工作

我写CSS已经有一段时间了。 我注意到了 一些文字 从来不工作! 相对定位将...

回答 7 投票 0

在浮动元素旁边垂直居中

我想知道是否有一个纯粹优雅的CSS解决方案来获取浮动元素旁边的文本,当其高度高于浮动元素时,但也可以在其高度较低时居中...

回答 2 投票 0

引导程序通过右拉、左拉在 3 列上更改 div 顺序

我一整天都在研究这个问题,但没有找到解决方案。我在一个容器中一行有 3 列。 1:右侧内容——右拉 2:导航-左拉 三:主要内容 什...

回答 3 投票 0

在 `::before` 伪元素中使用 `clear:both`

我不明白为什么这不起作用: 我的选择器::之前{ 内容: ””; 显示:块; 明确:两者; } 我使用浮动到宽阔的样式边框中来保留元信息......

回答 1 投票 0

页脚徽标/文本CSS/html

我在页脚中有 3 行独立的文本,它们应该位于左侧,而徽标应该位于右侧。无论我在 CSS 中尝试什么,文本和徽标都无法对齐...

回答 1 投票 0

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