腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
2
回答
如何在Safari中将flex容器的绝对位置的子容器居中?
html
、
css
、
safari
、
flexbox
、
mobile-safari
我有一个既包含图像又包含一些文本的容器。我想要的文本是垂直和水平居中的图像。 似乎最简单、最具前瞻性的方法是使用Flexbox和文本的绝对定位: .container { display: flex; justify-content: center; align-items: center; position: relative; } .text { position: absolute; } <div class='container'> <div class='text'> This should
浏览 5
提问于2017-06-08
得票数 9
回答已采纳
1
回答
如何在流畅的UI中居中透视表头?
office-ui-fabric
、
fluent-ui
我想在Fluent UI中使用pivot来显示菜单。 <Pivot linkSize={PivotLinkSize.large}> <PivotItem headerText='userInfo' headerButtonProps={}> <UserPage /> </PivotItem> <PivotItem headerText='userConfig'> <UserSetting />
浏览 12
提问于2020-06-21
得票数 1
回答已采纳
3
回答
如何在列中垂直和水平居中显示文本?
html
、
css
、
twitter-bootstrap
、
bootstrap-4
如何在两列中垂直和水平居中显示文本?我使用的是bootstrap 4。 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"> <div class="row"> <div class="col"> <h1> <p> hello hello hello hello hello he
浏览 0
提问于2017-06-27
得票数 0
2
回答
CSS 3列布局,具有流动的左栏、居中固定的中栏和固定的右栏
css
、
layout
、
fluid-layout
我有一个地狱的时间包裹我的头围绕这一点。我在这里尝试做的是创建一个简单的3列布局,但有一点扭曲。我希望居中的“内容”列永远居中显示在屏幕上。右边的列是固定的宽度,但我希望左边的列是流动的。其意图是,位于左列的标志将缩小到适应980px宽屏幕,而不会阻碍标志的任何部分,但我也想去与更大的分辨率屏幕的最大450px。 --------------------------------------------------------------------------------- | Fluid, image | |
浏览 1
提问于2014-01-09
得票数 2
2
回答
按钮中的文本在浏览器中垂直居中,而不是在iPhone上
html
、
css
我对我的按钮使用了以下代码,文本在我的电脑上的所有浏览器中都是垂直居中的,但在我的iPhone上的Safari中,文本似乎高出了1个像素。正文下面的空白处比上面的空白处多。为什么会这样呢? 希望这将与下面的代码片段一起翻译。 //编辑,我刚刚试过了,在Safari和Chrome中它完全居中。在火狐中,下面有更多的空间,在iPhone上,上面有更多的空间。我是必须区别对待他们,还是有一个看起来对所有人都好的解决方案? 这是Firefox中的默认外观: iPhone是类似的,但在顶部有更多的空间。 a { padding: 0px 12px; white-space: nowrap;
浏览 6
提问于2019-11-21
得票数 1
3
回答
如何在react-native中使TextInput居中?
javascript
、
reactjs
、
react-native
当TextInput焦点和安卓键盘打开时,需要在键盘上方的屏幕上居中TextInput。是谁做的?
浏览 0
提问于2016-02-18
得票数 3
2
回答
react列中的图像完全居中
javascript
、
css
、
reactjs
我很难在bootstrap 4列中对齐一些图像。我已经尝试使用CSS属性text-align: center,这将使图像水平居中。我的列占据了大量的视图端口,所以我还需要图像垂直居中。 下面是我的react组件返回的内容。class="img13“是我想要的中心。 <div id="border"> <div class="container"> <div class="row tower"> <div class="
浏览 65
提问于2020-08-18
得票数 1
回答已采纳
1
回答
如何在React中画一个与页面大小对齐并使文本居中的圆圈?
css
、
reactjs
让我们从我的代码开始 const circle = { display: 'table', textAlign: 'center', height: 160, width: 160, borderRadius: 80, color: 'white' }; return ( <div className="bg-info" style={circle}> <div style={{display: 'table-cell',
浏览 20
提问于2019-10-09
得票数 1
1
回答
在MaterialUI网格中垂直居中对齐按钮
css
、
material-ui
我想在这个网格中垂直居中对齐按钮。我尝试过垂直对齐,但没有效果。我可以使用top: "30%"调整按钮的垂直位置,但我不认为这是使按钮居中的最好方法。 <form className={classes.container} noValidate autoComplete="off"> <Grid container spacing={1}> <Grid item xs={5}> <TextField id="standard-name" l
浏览 2
提问于2020-06-16
得票数 0
3
回答
DIV居中,固定背景顶部
html
、
css
我确信我忽略了一些简单的东西,但我正试图在页面上居中显示内容div。背景图像是16x9,我希望它保持不动,而中心内容div在标题div下面上下滑动。 这是我的html <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Untitled Document</title> <link href="test.css" rel="stylesheet" type="text/css">
浏览 0
提问于2013-06-22
得票数 0
1
回答
CSS网格-我可以对齐内容的右侧水平,但垂直居中?
css
、
css-grid
我可以想出几种解决这个问题的方法,但我的问题是,我是否错过了一种本土化的方法。 我的页面上有页脚。我想显示一些文本,这是对齐在页脚。但我也希望文本中心垂直对齐。 当前的想法是在元素中添加一些填充,但是如果我决定以后使页脚可调整大小,这将破坏设计。还有一些其他CSS方法不使用本机Flexgrid选项。 另一个想法是在div中放置div (例如,任何元素),然后将第一个对齐内容居中:中心第一个,对齐内容:flex,内部一个。这是可行的,但有点混乱。 然而,我想知道的是,我是否可以本机告诉Flexgrid将内容与右侧水平和垂直中心对齐呢?
浏览 3
提问于2017-10-31
得票数 1
回答已采纳
2
回答
显示后使其余元素居中:无
css
、
responsive-design
、
flexbox
、
centering
注意:我正在使用Flexbox 当调整屏幕大小时,我使用"display:none“来删除一些元素,这些元素将不再适合缩小尺寸,但是一旦它们被删除,仍然显示的元素不再在它们的列中水平居中。 例如:(这不是一个简单的示例代码) |-------------------------------| | | | | | | 1 2 | 1 2 | 1 2 | 1 2 | |-------|-------|-------|-------| 例如:现在,在"2“元素具有"display:none”属性后,剩下的内容
浏览 0
提问于2015-09-23
得票数 4
1
回答
居中模式窗口
javascript
、
jquery
、
html
、
css
我想将此日期选择器居中,以使其在移动设备上更易于使用,但我无法使其正常工作。我目前正在尝试这种方法: .picker { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 40%; } ...but不走运。它在水平方向上居中,但并不正确,并且模式会随窗口大小而缩放。在垂直方向上,它根本没有居中。 我也试过用jQuery把它居中,但我也不能正常工作。 小提琴:
浏览 0
提问于2015-04-28
得票数 0
2
回答
Flexbox自动边距不适用于调整内容:在IE中居中
html
、
css
、
flexbox
、
internet-explorer-11
我有一个表格,其中一个单元格可以包含多个图标以及文本。如果存在图标,则显示在文本的左侧。有几个可能的调整案例: 只有一个图标存在:图标应该居中。 只有文本是存在的:文本应该保持对齐。 图标和文本都存在:图标和文本都应该对齐。 我认为,我可以通过使用justify-content: center;将表格单元格中的所有内容封装起来,然后将margin-right: auto;应用于文本div,从而实现这一点和其他更复杂的对齐。 如果有文本,自动边距将把所有东西都推到左边。 如果没有,justify-content样式将对图标进行居中。 包含了我的方法。 .flexbox {
浏览 3
提问于2016-01-18
得票数 11
回答已采纳
1
回答
如何在小屏幕上将折叠成垂直的立柱内容竖直
html
、
twitter-bootstrap
、
css
、
vertical-alignment
简写版: 我使用的是Bootstra3.3.7,在需要的地方有一行: 当屏幕足够宽时,列将是水平的。 当水平时要垂直居中的列内容。 当屏幕太窄时,要垂直堆叠的列。 列高并不相同,也不能预先知道。我如何实现我的三个目标? 详细信息: 我有一个视觉组件在我的网页,有一个图像在LHS和一些文字在媒体块上的RHS。媒体块比图像高(具体取决于文本的屏幕宽度和包装)。 我们使用的是引导程序3,因此它的基本HTML是: <Row> <Col md={6}> <img src="myimage.jpg"/> </Co
浏览 2
提问于2017-04-13
得票数 1
回答已采纳
2
回答
如何在div中将特定的div居中?
html
、
css
如何在div中将特定的div居中?我已经在这里附加了一个图像,所有的东西都居中,但标签(电子邮件,密码,忘记密码)应该从文本框开始 .container { text-align: center; } <div class='container'> <div class="form"> <p>Email</p> <input type="email"> <p>Password</p> <input typ
浏览 0
提问于2021-10-22
得票数 1
1
回答
如何将以DIV和文本为中心的图像放置在右侧?溢出问题
css
、
html
我有一个div容器,在这里我想放一个居中的图像和一个小的描述在右边。规格如下: 图像的底部边缘应为35 of。 图像应该始终在屏幕上完全显示,因此当屏幕显示时它会调整大小。它应该有尽可能大的大小,但不要被裁剪,永远不要使用滚动条。 图像应该相对于容器居中,文本显示在右边的边缘。 文本应该水平地左对齐,中心垂直对齐,并与图像有30 be的距离。 我尝试过在容器中使用table并使用div,但是找不到干净的解决方案。我可以给你看我按要求试过的不工作代码。
浏览 0
提问于2013-06-28
得票数 2
1
回答
如何仅使用material-ui居中窗体?
reactjs
、
material-ui
我正在尝试学习Material-UI,并尝试创建一个“表单”,查看他们的文档(我在理解文档的步调时遇到了一些困难,并且不知道我是否确实使用了预期的标签来创建表单:P)。无论如何,我想要居中我的“表单”,在摆弄了Material-UI文档中的代码和我对css的知识之后,我设法使“表单”居中,但只是水平居中,似乎不能使它垂直居中。我还不知道如何使用我自己的css代码以及material-ui中提供的功能,事实上,我希望这是纯粹的material-ui,因为我觉得将css与Material-UI一起使用会使事情变得更加复杂,当我开始使用material-ui和css的混合来开发样式的大型应用程序时。
浏览 2
提问于2021-05-08
得票数 0
3
回答
使按钮在右边和中央卡css。
html
、
css
你好,我有一张html中的卡片,里面有一个按钮,我想在右边显示这个按钮,并在卡中居中。我想用类mydivbutton在左边显示div,并在卡片中居中。 <div class="mycard"> <div> <div class=""> <a class="" href="" target="_blank"> developpeur &
浏览 9
提问于2022-01-31
得票数 -2
1
回答
将项目与flex垂直对齐
css
、
flexbox
、
vertical-alignment
我有一个woocommerce商店,我所有的产品图像都是flexbox和align items在mid中。我安装了一个在悬停时改变图片的插件,在这个类中,对齐不起作用,它会拉伸我的图片。但主要的情况并不是拉伸 我做了显示: flex height: 320px对齐项目:居中对齐-内容:居中 你可以在这里看到所有内容: 只需将鼠标悬停在图片上,您就可以看到它在顶部对齐
浏览 0
提问于2018-05-27
得票数 0
2
回答
如何在Angular中居中输入元素?
angular
我正在学习Angular,我已经尝试了几次关于如何在没有sucess.Can的情况下将输入元素居中的在线建议,有人能帮帮忙吗? 这是为了让我学习Angular .I使用Angular 7。我尝试过使用Flexbox CSS和普通CSS,但输入总是显示在页面的左上角。 input { text-align: center; border: 3px solid green; } #textboxid { height:40px; width: 400px; font-size:20pt; } <input (keyup)="searchTerm$
浏览 32
提问于2019-05-31
得票数 0
4
回答
Bootstrap:如何在div中将p元素垂直居中?
html
、
css
、
twitter-bootstrap
如何在此div中垂直居中此多行p元素,同时将其保留在页面的左侧? 我已经尝试将父div显示为表,但这似乎在引导css中被标记为!important。 谢谢! <div class="row"> <div class="col-3"> <img src="images/pk1.jpg" alt="Telefon"> </div> <div class="col-9">
浏览 64
提问于2017-12-17
得票数 2
回答已采纳
1
回答
为什么flexbox会让我的广告内容消失(有时)?
css
、
flexbox
我使用flexbox在移动设备上居中放置包含google广告的div容器。我有两个容器,可以这样描述... <div class='outer'> <div id='ad-container'></div> </div> 外部类具有以下CSS属性 align-items: center; display: flex; justify-content: center; padding: 70px 0px; min-height: 84vw; 通常,这样做很好,并且在ad-container id中填充的广告居中
浏览 1
提问于2021-07-08
得票数 0
2
回答
如何在缩小图像时缩小flexbox
html
、
css
、
flexbox
我正在使用flexbox在页面上居中项目,也在一行中居中项目。我必须处理行中可能很大的图像,所以我使用max-width=40%来缩小图像的大小。但是,当我这样做时,适用行的flexbox不会缩小以适应新的图像大小,但会保留该大小,就好像图像仍然是max-width=100%一样。如何使flexbox行更小,以说明40%的最大宽度属性? 下面是当前的html代码: <div style="display: flex; flex-direction: column; align-items: center;"> <label>This is my
浏览 19
提问于2020-12-28
得票数 0
5
回答
如何将flex <div>水平居中?
html
、
css
、
flexbox
那么什么是水平居中flex <div>的正确方法呢? #container { width: 100%; min-height: 100%; } <div id="container"> <div className="horizontal-centered">Center this</div> </div>
浏览 1
提问于2016-11-01
得票数 5
2
回答
使元素在块中垂直居中
css
、
layout
、
web
我目前正在重新设计我的网站,从表格布局到CSS。我在这项看似非常简单的任务上遇到了一些问题。 屏幕中间的一个框,其中包含多个链接。 旧站点使用<td valign="center">将所有链接放在框中。CSS似乎没有等价物。我一直在使用负边距居中元素,如下所示: div { height: 200px; position: absolute; top: 50%; margin-top: -100px; } 当你确切地知道你要居中的元素有多大时,这很有效,但我需要能够居中链接,而不需要知道链接占据了多少垂直大小。我只想让框中的对齐方式像
浏览 0
提问于2012-10-09
得票数 8
回答已采纳
4
回答
CSS-Grid:如何在不缩小项目本身的情况下使内容居中?
html
、
css
、
layout
、
css-grid
使用CSS-Grid时,我尝试将项目放在网格单元的中心,而不是将它们完全缩小到只显示内容。这个是可能的吗? 我在stackblitz上做了一个简单的例子。您可以看到,这些项目并没有用背景颜色填充整个网格单元格。让它正常工作的正确方法是什么?我可以删除justify-items/align-items类,但是内容不再居中。 单元格已填充,但内容未居中: 单元格未填充,但内容居中: .wrapper { display: grid; height: 100vh; grid-template-columns: 1fr 1fr; grid-template-r
浏览 1
提问于2018-02-17
得票数 9
2
回答
如何让div像imgs一样响应屏幕大小调整?
html
、
css
、
reactjs
在REACT中,我想要并排放置三个div,它们之间有一个很小的边距,并且水平居中。 当屏幕宽度变得太小时,我希望最右边的div移到前两个div的下方,但仍然水平居中。 当屏幕变得更小时,我希望所有三个div都在屏幕中心的一列中。 这很容易通过图像实现: Html (html的REACT风格): <div id='container'> <img src={image}/> <img src={image}/> <img src={image}/> <div/> CSS: #container
浏览 23
提问于2020-06-12
得票数 0
回答已采纳
1
回答
在横向或纵向的中心正方形SVG?
html
、
svg
、
screen-orientation
、
mobile-website
我在一个移动网站上有一个简单的正方形SVG艺术元素。如何在纵向模式下水平居中,然后垂直居中?无论朝向和Safari&Chrome友好,基本上都是完美的中心匹配?? 有关于垂直居中的抨击。有没有一种简单而有效的方法来实现这一点?
浏览 1
提问于2017-07-13
得票数 0
4
回答
如何在父级中居中放置子div并将其固定在顶部?
html
、
css
我试图让一个子div在父div中水平居中(左/右),也固定在父div的顶部,但我不知道如何在CSS中做到这一点:-(我可以将它居中,也可以修复它,但每当我试图组合子div时,它就固定在它的自然位置(向左)。 编辑:孩子需要固定在顶部,这样当其他孩子溢出时,他们可以滚动,但它将留在原地。
浏览 1
提问于2019-03-09
得票数 2
1
回答
当数字图像(项目)可变时,如何在滑块中居中我的指标项目?
css
、
slider
、
centering
、
indicator
我有一个使焦点图像居中的滑块,但由于每个滑块都有不同数量的图像,所以我在居中显示指标项目(点)时遇到了问题。这是我的滑块和指示器的HTML: <div class="main"> <section id="slider" > <div class="container-fluid"> <div class = 'responsiveHeight'> <div class = 'inner'> &
浏览 34
提问于2021-04-22
得票数 0
回答已采纳
1
回答
带有引导类的Flexbox垂直和水平居中
css
、
twitter-bootstrap
、
flexbox
我正在尝试垂直对齐我的登录屏幕。,并使用css .flexbox-container { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center;. align-items: center; } 我不会让我的项目垂直居中。我将无法实现它,因为我使用bootstrap类来水平居中。
浏览 0
提问于2016-04-11
得票数 7
回答已采纳
1
回答
如何在ionic中水平居中元素
html
、
css
、
ionic-framework
我想在ionic中水平居中一个元素,在左边和右边具有相同的边距 <div class="tabs-group" class="ion-justify-content-center"> <ion-row> <ion-col *ngFor="let i of tabsName,let j = index" size="4" (click)="switchToTabs(tabsindicator[j])" [ngClass]="tabs[tabsindicator[
浏览 28
提问于2021-03-11
得票数 1
回答已采纳
1
回答
如何在导航栏中居中菜单项,如示例
reactjs
、
antd
类似于顶部导航栏的example。 我想要一个居中的菜单项,两个菜单项一直漂浮在导航栏的右边。 到目前为止,我已经想出了如何将两个项目向右浮动,但我不确定如何将标题项目居中。将菜单项居中的antd方法是什么? <Menu mode="horizontal"> <Menu.Item>Centered</Menu.Item> <Menu.Item style={{float:"right"}}>Right</Menu.Item> <Menu.Item style={{floa
浏览 49
提问于2019-05-19
得票数 1
2
回答
垂直居中竖排文本
javascript
、
html
、
css
我有一些垂直的文本,我不能在他们的div中垂直居中。下面是一个例子: 请参见3个div (2个橙色和1个红色)。divs中的文本没有垂直居中,导致文本泄漏到div之外。 我已经用vertical-align: middle试过了,但是什么也做不了。 如何在div中垂直居中竖排文本?
浏览 5
提问于2013-10-08
得票数 3
2
回答
如何使field_with_errors类居中
ruby-on-rails
、
ruby-on-rails-3
、
forms
、
css
、
devise
我最近安装了Devise,我已经让登录表单正常工作,显示错误等…… 然而,注册表单的表现非常奇怪,即当显示错误时,它们出现在左侧,与应用程序的其余部分不成比例。这里有一个屏幕截图来说明:注意:只有当有错误时才会发生这种情况,否则它会居中。 现在,我尝试使用以下命令编辑field_with_errors CSS: .field_with_errors { display: block; clear: both; text-align: center; } 尽管如此,它仍然保持在左侧。我注意到了float: right;似乎将它移到了右边,但是我如何才能让它与表单的其余部分一起居中呢? 在
浏览 0
提问于2013-02-28
得票数 1
回答已采纳
1
回答
Clartiy DesignSystem如何调整旋转器的中心
vmware-clarity
如何在页面中间居中放置微调器? <div class="content-area" *ngIf="!document"> <div class="spinner">Loading...</div> </div> 我尝试了几种css-class和center的组合,但对我不起作用。
浏览 9
提问于2020-05-02
得票数 0
2
回答
如何在包装器中居中导航栏,减去浮动按钮所占的面积?
html
、
css
我有一个包装器div,一个导航菜单栏(浮动到左边)和一个按钮(浮动到右边)。如何在包装器中居中导航栏(浮动到左边)减去按钮(浮动到右边)占据的区域? 因此,它不是直接在包装器的中间居中,而是更靠左一点,因为按钮占据的面积不在(中心)计算范围内;如果你愿意的话。下面是一个简单的图表: ? <div class="wrapper"> <div class="nav"> Center Me </div> <div class="cta"> Book Now <
浏览 20
提问于2020-10-03
得票数 1
2
回答
左对齐中间对齐的flexbox的最后一行
html
、
css
、
flexbox
我有个flexbox。它的内容是NxN正方形。我希望容器在给定显示宽度的情况下能容纳尽可能多的这些方块。我希望flexbox在页面上居中对齐。 然而,问题是当我使用 justify-content: center 图片: ? 则最后一行不会左对齐。但是,如果我更改为 justify-content: left 图片: ? 则整个容器不再在页面上居中对齐显示。我能以某种方式实现两个项目的混合吗,所以在这个例子中,我将有5个项目居中对齐,但最后一行将与前几行中的第一个项目对齐? 最小重现: <style> div { display: flex; flex-wrap: w
浏览 28
提问于2021-03-21
得票数 1
1
回答
为什么justify-content-center将一行的内容居中,而不是容器?
twitter-bootstrap
、
bootstrap-4
为什么这样会使内容居中 <div class="row justify-content-center"> <h2>Some heading</h2><br> </div> 但这不是吗? <div class="container justify-content-center"> <h2>Some heading</h2><br> </div> (除了第一个代码中的row和第二个代码中的container之外,它们是完全相同的)
浏览 83
提问于2020-09-13
得票数 0
回答已采纳
1
回答
在表格单元格元素中水平和垂直居中
css
我有这样的结构(简化): <div id="outer" style="display: table-cell"> <div id ="someOtherDiv">.......</div> <div id="inner" style="text-align: center; vertical-align: middle"> <img src="path" /> </div> </div> 我需要
浏览 1
提问于2018-09-14
得票数 0
7
回答
使Bootstrap中的内容在列中居中
twitter-bootstrap
、
bootstrap-4
、
flexbox
、
bootstrap-5
我需要帮助来解决这个问题,我需要居中的内容在bootstrap4中的列,请找到我的代码如下 <div class="container"> <div class="row justify-content-center"> <div class="col-3"> <div class="nauk-info-connections"> </div> </div> </div>
浏览 2
提问于2017-03-01
得票数 108
2
回答
如何确定在可变大小的块中居中显示文本?
html
、
css
、
twitter-bootstrap
、
sass
我几乎什么都试过了,但也许我的案例太具体了。我有几个块(行)之间没有空格,我需要绝对居中,正如你看到的,当是2行时,它不居中。 1)我可以有一行或多行,所以在这种情况下我不能使用行高解决方案。 2) flex解决方案不适用于iPhone。 3)块宽高可变 4)像"personal & buchhaltung“这样的文字不能与区块的鼠标悬停重叠(鼠标悬停时会变成彩色) .portfolio-tile span { width:100%; position: absolute; z-index:999; top:0; left:0; right:0
浏览 2
提问于2017-02-16
得票数 0
3
回答
具有最大宽度的居中流体div
centering
、
fluid-layout
、
css
我正在尝试将我的内容div居中。它被设置为100%,div包含在body中,body也被设置为100%。我有一个max-width: 1400px,因为如果屏幕分辨率更高,我不希望我的内容延伸超过1400px。问题是,它不能使用margin: auto。我的内容站在左边,屏幕上没有输入超过1400px的内容。 如果我删除最大宽度,所有内容都会在宽屏幕上完美地居中,但内容会延伸到整个屏幕上…… #content { width: 100%; height: auto; position: absolute; top: 400px; margin: 0 auto; margin-top: 50px
浏览 1
提问于2013-06-21
得票数 3
回答已采纳
6
回答
如何在容器中居中浮动Div
html
、
css
可以在容器中居中浮动div吗?如果可以,如何居中? 例如,我有一个包含容器div的页面,其中包含许多大小可变(动态生成)的浮动(左)div。div通常会溢出到下一行,但它们永远不会在容器div中居中,而是与左侧对齐。它看起来是这样的: ---------------------------- - - - +++ +++++ ++++ ++ - - +++ +++++ ++++ ++ - - - - ++ ++++++ +++ + - - ++ +
浏览 1
提问于2010-07-23
得票数 33
回答已采纳
1
回答
大小不等的Divs无法相对于顶部进行居中
html
、
css
、
margin
、
display
、
text-align
我有两个div元素,一个比另一个小。我用一个包装类“宽度: 80%;边距:0自动;文本对齐:中心”以及他们各自的类“宽度: 30%;显示:内联块;”来“居中”。它们是居中的,但是,其中一个比另一个低,所以它相对于第一个div不是居中的,如果这有意义的话。 .wrapperPost{ width: 80%; margin: 0 auto; text-align: center; } .sidePost{ width: 30%; display: inline-block; } <div class="wrapperPost"&g
浏览 0
提问于2019-07-06
得票数 0
回答已采纳
3
回答
如何在vue.js中对图像进行居中?
html
、
css
、
image
、
vue.js
我试图通过使用vue.js来做一个HTML网站的前端,但是我无法使用css对图像进行居中。 我在App.vue文件中编写了所有代码: <template> <div id="container3"> <img id="teamBackground" src="./assets/bourg_palette_rounded.png" alt="Bourg palette in background" width="360" height="170"/>
浏览 19
提问于2022-11-30
得票数 0
3
回答
如何在CSS中响应式地在网站上居中卡片?
html
、
css
所以我正在建立我的编码日志网站(在学习如何编码的第15天,所以现在只做HTML和CSS)。 我把每一天都写成一张卡片,上面有一个简短的描述和一个截图。我希望这些卡片从左上角的开始堆叠,但也希望它们始终在页面上居中,无论显示的宽度如何。我试过使用display: inline-block,但是卡片,我不想要。 编辑:我按照你们的建议,通过使用flexboxes设法获得了。这离我想要的更近了!我想要的是让底部的卡片与最左边的顶部卡片对齐。我该如何做到这一点?现在我的CSS看起来像这样: .main { display: flex; flex-wrap: wrap; max-
浏览 0
提问于2020-07-05
得票数 0
3
回答
如何在Firefox和IE 10中使用显示:-moz-box和-ms-柔盒?
html
、
css
、
firefox
、
internet-explorer-10
当您将word-wrap: break-word;与display: -moz-box;和display: -ms-flexbox结合使用时,文本不会包装。 当使用Chrome版本:display:-webkit-box;时,一切都很好。 下面是一个示例: 如何在IE和Firefox中垂直居中并使用单词包装?
浏览 7
提问于2013-09-21
得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
如何在标签软件中只显示完整数据中的部分内容
CSS—总结常用垂直居中方法
给萌新的 Flexbox 简易入门教程
CSS3:flexbox布局语法教程
20条CSS高级技巧
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券