腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
2
回答
使文本或图像在导航栏中居中
、
、
我希望能够在导航栏中居中显示一些文本或图像,这就是我正在做的事情。 <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> <div class="navbar navbar-default"> <div class="container-fluid"> <div class="text-center navbar-text"
浏览 1
提问于2014-12-13
得票数 1
0
回答
用于省道的Css角2材料组件。如何使字形居中?
、
、
、
、
HTML: <div class="border"> <glyph class="center" [icon]="'star'" ></glyph> <div class="centerText"> This Is Text that is centered. </div> </div> Css: .centerText{ text-align: center; } .border{
浏览 2
提问于2016-12-31
得票数 0
回答已采纳
1
回答
CSS中第一个元素向右移动时如何定位第二个元素的中心
我是CSS的新手,我创建了一个呼叫目录,在左侧显示一个图标和旁边的人的名字。在下一行中,我将打印他的电话号码。电话号码居中对齐,但名称并不总是对齐。 为了使其居中,我将所有内容包装在一个div中 <div class="container thumbnails" id="all1" tabindex="5000" align="center"> </div> 我创建了一个jsfiddle: 当那个小图标将人名推到右边时,我如何将人名居中?
浏览 3
提问于2014-04-29
得票数 0
5
回答
使用CSS进行水平对齐
我有以下代码: <div class="one"> <p>Test<p><span style="color: Green">▼</span> </div> 这是一个非常简单的问题,我想,但我不知道CSS。如何使段落显示为水平居中对齐?
浏览 8
提问于2011-06-11
得票数 3
回答已采纳
1
回答
显示:表格单元格;在ie6/7中解决办法
、
、
、
我正在尝试构建一个包含多个单元格的单行css表,这些单元格的文本在单元格中垂直居中。基本上,我试图用css模仿的表行为是这样的: <table width="100%" height="54" border="0" bgcolor="red"> <tr> <td width="20%">text</td> <td width="20%">text</td> <td width="20%
浏览 0
提问于2010-09-17
得票数 0
2
回答
居中的图像,文本在其右侧
、
我想在我的网页上有一张图片。图像应该在页面居中,并且它的右侧应该有一个文本,如下所示: ? 我当前用来显示居中图像的CSS代码如下: .inlineimage { text-align:center; width:100%; display:block; margin:auto; } 我这样使用它: <div class="inlineimage"> <picture> <source media="(max-width: 900px)" srcse
浏览 23
提问于2020-01-31
得票数 0
回答已采纳
3
回答
如何在div元素中水平居中按钮元素?
、
、
、
、
我不想将CSS添加到我的div元素中(例如<div style="text-align: center;">)。 我只想将CSS代码添加到按钮元素中。 <div> <button>Button</button> </div> 在这种情况下,如何使按钮水平居中?
浏览 3
提问于2013-03-09
得票数 53
回答已采纳
6
回答
如何在父div中水平居中div
、
如何使用CSS使div在其父div中水平居中 <div id='parent' style='width: 100%;'> <div id='child' style='width: 50px; height: 100px;'>Text</div> </div>
浏览 1
提问于2009-12-23
得票数 128
回答已采纳
2
回答
当窗口大小改变时,保持根div居中到页面
、
、
、
请参考下面的代码 <div id="root"> <div id="child1">xxxx</div> <div id="child2">yyyy</div> </div> css: #root { width:86% margin:0 auto; } #root div { width: 50%; float:left; border: 1px solid
浏览 1
提问于2014-02-24
得票数 0
1
回答
将中心菜单与其内容对齐
、
、
、
、
我试着用方框大小在菜单的div中水平居中显示文本。 如下所示: 我的问题是,当我试图放置position: absolute子菜单时,主文本不考虑子菜单在左侧的大小和位置。 以下是中的代码。 <div id="menu"> <div> <table> <tr> <td>Nosotros</td> </tr> <tr> <td> <a&g
浏览 2
提问于2013-11-27
得票数 0
1
回答
如何在div中设置元素中心
假设我在div中有文本、图像等。那么如何使用javascript & css使元素在div中水平和垂直居中呢?请使用示例代码进行指导。 谢谢
浏览 0
提问于2010-12-01
得票数 0
6
回答
如何将响应图像居中
、
、
、
无论是在手机上还是在分辨率更高的电脑上观看,我都不知道如何在制作一张响应式图像的同时使图像居中显示。 我使用的是css类.img-responsive,但它总是会让图像左对齐。我检查了该类设置的字段,但找不到如何组合不同的样式,以便图像具有响应性并同时居中。 它是一个简单的图像,包含在用row-fluid类指定的div或article中。
浏览 0
提问于2014-06-02
得票数 0
2
回答
动画化后更新元素css高度的jQuery
、
、
、
这是我正在做的小提琴: 基本上,它是h2之上的一个h1,中间有一些隐藏的段落。这一切都包含在一个div中,我试图使它在视觉上居中(在屏幕上水平和垂直。我在容器div上使用了这个css,使它在页面上居中显示: div#holder { position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto; height:40%; width:60%; min-width:300px; } 为此,必须指定div的宽度和高度。我有两个问题...首先,我不知道d
浏览 0
提问于2013-02-20
得票数 0
回答已采纳
1
回答
带中心元素的JQuery可排序?
、
、
我在一些div中使用JQuery可排序。 div以css-规则"margin-left: auto; margin-right: auto;“作为其父-div的中心。 问题是:当我拖动一个元素时,它会跳转到左边,因为边距不再工作了。 下面是一个显示问题的小提琴: 我如何解决它,使元素始终保持居中?
浏览 2
提问于2013-07-30
得票数 0
回答已采纳
1
回答
在其他div内部居中对齐div,并在垂直和水平方向上居中对齐图像
、
、
我正在努力实现以下目标:我在页面的中央有一个垂直和水平的中间div (wrapper)。在该div中,我希望有另外2个div,其中一个将包含徽标,另一个将包含一些文本。徽标图像还必须与其div的中心垂直和水平对齐。目前,我所拥有的是: 下面是我的HTML和CSS的jsfiddle: 我如何才能使logo div居中(仅水平居中,并具有10px的页边距-顶部),并使logo图像在该div内居中,水平和垂直居中,就像现在一样?
浏览 2
提问于2012-10-16
得票数 1
回答已采纳
2
回答
在css中垂直居中具有固定高度的标题
、
我有一个标题 <h1>My Header</h1> 它的高度为150px,font-size为1.3em;,如何使用CSS使标题文本垂直居中。我不想把它包装在容器DIV中(包装DIV真的破坏了整个CSS的想法)。
浏览 9
提问于2008-11-18
得票数 1
回答已采纳
9
回答
大于屏幕的居中图像
我附上了一张我的页面看起来像什么的图纸。页面的宽度为980px,图像的宽度几乎为1200px。我想要实现的是使页面居中,并显示尽可能多的图像,同时也保持图像居中。我尝试绝对定位图像,但是在移动设备上,浏览器页面被设置为图像的宽度,并且内容没有居中。 基本上,可能有一些屏幕不会向用户显示整个图像,而是只显示适合屏幕的部分。 CSS: .page_container { width: 980px; margin: 0 auto; } .image { position: absolute; left: 0; right: 0; } HTML: <body> <div cla
浏览 0
提问于2013-06-10
得票数 11
5
回答
在另一个div中对div进行中心化的问题
我有一个div,需要在另一个div内水平地居中。问题是,内部div几乎是居中的,也就是说,它是居中的,但是有一个左边距/填充(我无法确定哪一个)在5-10 it左右。如何使内部div以外部div为中心? HTML: <div class="outer"> <div class="inner"> // stuff </div> </div> CSS: .outer { position:relative; display:inline-block; width:
浏览 2
提问于2013-12-19
得票数 0
回答已采纳
1
回答
如何使div的文本垂直居中,而不管文本有多少行
在下面的演示中,第一个div似乎垂直居中,但第二个不是。 如何对它们的公共类进行CSS,使它们都居中?换句话说,无论文本有多少行,我如何将div的文本垂直居中? .divs { /*position:absolute;*/ font-size: 18px; box-sizing: border-box; display: inline-block; background-color: #ffcc99; width: 140px; height: 80px; padding-top: 30px; /*padding-bottom: 30px;*/ ma
浏览 0
提问于2015-10-17
得票数 0
5
回答
使表单HTML/Bootstrap居中
、
、
如何使此表单居中?无论我尝试过什么(围绕div类、样式等进行更改,它仍然没有居中)。 我尝试过使用flex box和其他工具,但不管我做什么,如果有东西居中,输入字段就会留在最左边。 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknL
浏览 68
提问于2021-06-23
得票数 0
回答已采纳
3
回答
剪切的父目录中的CSS中心图像
如何使img在设置为overflow: hidden的父div标签中居中。也就是说,我想要的是裁剪图像,但同时裁剪左/右,这样图像的中间就会显示出来。 <div class='wrapper'> <img/> </div> 然后设置类似如下的样式: .wrapper { position: absolute; /* position details here */ overflow: hidden; } .wrapper img { height: 100%; margin-left: -??; //what here
浏览 0
提问于2013-06-27
得票数 6
回答已采纳
1
回答
如何在流体布局中居中形式?
、
如果我有一个基于%的宽度的div。在这个div中,我得到了1行有2种形式,1行有1种形式。如何使表单在div (两行)中居中? 示例代码 HTML: <div class="container"> <input /> <input /> <br /> <input /> </div> CSS: .container { width:70%; background:red; } Jsfiddle:
浏览 2
提问于2015-08-30
得票数 0
回答已采纳
1
回答
如何将背景显示器对中?
、
我想要什么 两个div :页面正文(1)和背景块(2) 背景块总是(2560x780) px。 页体宽度为820 is,而高度是可变的。 后台块应该在页面正文后面。 背景块和页体都应居中。 当调整窗口大小时,背景块不应该相对移动到页面主体(甚至是1像素!) 背景块不应出现水平滚动条。 背景块位置不固定 约束 没有JS CSS2优先 我试过什么 页面正文CSS: #pageBody { width: 820px; margin: 0 auto; } 背景块CSS: 1.一个全页的div,显示以CSS为中心的背景。 &l
浏览 1
提问于2015-04-01
得票数 4
回答已采纳
1
回答
我如何在Android网页中居中我的HTML iframe?
、
、
、
、
我的Android webview中有一个iframe,我是这样加载的: String folderPath = "file:android_asset/"; String fileName = "index.html"; String file = folderPath + fileName; webView.loadUrl(file); iframe是通过位于我的android/assests文件夹中的HTML和CSS文件加载的。HTML和CSS如下所示。HTML: <!DOCTYPE html> <
浏览 6
提问于2021-12-01
得票数 0
2
回答
使用CSS居中浮动、宽度较小的div
、
你可以看看我在上想要做什么。包含两行文本的居中div,左右两侧的文本与居中div底部的文本相邻。 我希望文本在页面上居中(无论是主要的"hello world“或第二行)。现在,我正在使用一个具有指定width和margin: auto的外部div。如果宽度太大,文本将不会居中显示;如果宽度对于内部文本来说太小,则div将堆叠:。 有没有更好的方法来居中这三个浮动的div,同时仍然让左右文本与中心div的第二行对齐? 任何建议都将不胜感激。CSS不是我的强项,但我正在学习。
浏览 0
提问于2012-06-19
得票数 2
回答已采纳
6
回答
创建视区的div中心-水平和垂直
、
、
我有一个<div id="wrapper">容器,我的整个网站内容将在其中呈现。我尝试过使用css属性,比如margin:0 auto; on #wrapper,让div在垂直和水平方向居中。 #wrapper { width:500px; height:500px; margin:0 auto; background:#f7f7f7; } 通过使用上面的css,我可以使div位于屏幕的顶部,但如何使其居中(垂直)。当我在firefox中缩小时,我的div会在顶部的中心缩小,但我想要的东西应该始终显示在屏幕的中心,无论是垂直还是水平。 有人能建议我怎么才能得
浏览 0
提问于2012-03-09
得票数 38
回答已采纳
1
回答
将块级HTML元素中的文本垂直居中
、
、
我有一个关于如何在html / css的div中居中显示文本的问题。我有一个这样的h3标签 <h3>Pacuraru Daniel Pacuraru Daniel</h3> or <h3>Pacuraru Daniel</h3> 和css h3 { width: 100%; height: 28px; display: block; } 如果我有一个长度超过1行的名称,那么文本的2行适合div,但如果只有1行,我希望它垂直居中,而不是顶部对齐。 编辑:我有这个布局,我希望在这两个div中的文本垂直居中
浏览 0
提问于2012-10-07
得票数 0
1
回答
如何设置CSS表格的最大高度?
、
我正在尝试使用本文中概述的方法在div中垂直居中显示文本: .container { width: 160px; margin: 80px auto; padding: 5px; height: 60px; max-height: 60px; border: 1px solid black; display: table; } .container p { height: 60px; max-height: 60px; display: table-cell; vertical-align: midd
浏览 0
提问于2012-04-27
得票数 0
回答已采纳
1
回答
magento时事通讯css放置在主页
、
、
、
我已经做了研究,但找不到如何使时事通讯的块显示为中心位置的解决方案。我知道有HTML代码脚本和它的css。 我得到了一些答案,但不起作用,希望社区能在这方面提供一些帮助。 请检查图片中通讯区块在左边的位置(通讯区块-不是中心)。 我使用的HTML代码: <div style="background-color: #fff;"> <div class="container"> <div class="inner-container"> <div>
浏览 0
提问于2015-11-14
得票数 0
3
回答
Microsoft Outlook中的Center div
、
、
我使用<div style="width: 742px; margin: 0px auto; ">将容器div居中。 在浏览器中它可以工作,但当我在Microsoft Outlook中打开它时,它不在中心。 我还在margin上使用了!important,因为我认为它优先于CSS。 如何在浏览器和电子邮件中居中显示div?
浏览 0
提问于2012-04-13
得票数 23
回答已采纳
1
回答
如何使宽度可变的列在三列布局中居中?
、
、
、
我有一个类似工具栏的控件。左边是可变大小的文本。中间是一小段文字。在右侧,显示更多文本。 我希望居中文本始终居中,并且只占用所需的空间。左侧和右侧应展开以填充可用空间,然后换行。 我试过的都不管用。以下是我的尝试: <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUO
浏览 16
提问于2019-09-04
得票数 0
回答已采纳
1
回答
沿子div内容水平居中保留div父高度
、
、
所以我一直在搜索,试图弄清楚如何让父div的高度等于它最大的子div的高度,同时使子div的最大高度相同,并在所有子div上强制水平垂直中心,其中可能包含图像。简而言之,使用具有两列和一行的表的结果,并且align和valign设置为中心。 对于下面的html, <div class="outer"> <div class="inner"> <div class="col1"> </div> <div class="col2
浏览 3
提问于2013-03-15
得票数 0
回答已采纳
2
回答
如何在svg中居中放置圆环图
、
、
、
我有下面的选项卡面板,我想在其中水平居中显示svg元素。我的css适用于第一个svg元素(柱状图),但不适用于第三个元素(圆环图)。这两个都位于标签内容父元素中的div中,但只有一个获得了css修饰符。如何使圆环图在其父svg中居中?Here是我正在编写的代码。 CSS: .tab-content { display: flex; justify-content: center; } HTML: <div class="tab-content"> <div role="tabpanel" class="tab-pane
浏览 44
提问于2020-07-15
得票数 0
1
回答
图像中心对齐-有效,但并不完美
、
、
、
这些CSS属性使任意大小的图像在任意大小的容器中居中显示: display:table-cell; text-align:center; vertical-align:middle; 这是一个完美的流体图像居中,然而,表格单元格属性在底部给了我不想要的空白。如何避免呢?请看以下内容:
浏览 0
提问于2012-05-08
得票数 1
回答已采纳
5
回答
未知大小的图像如何在已知大小的div内居中?
、
、
我试图在已知大小的div中对未知大小的图像进行居中,使图像在div内垂直和水平地居中,并且图像的高宽比不被扭曲。 这是一个 这段代码几乎完成了任务,但是这两个图像看起来都稍微向下移动了.可能有几个像素。为什么? HTML; <body> <div class="container" id="c1"> <img src="test.jpg"/> </div> <div class="container" id="c2"> <
浏览 8
提问于2010-11-28
得票数 1
1
回答
如何在引导程序中创建导航栏,以显示导航项的左、中、右?
、
参见下面导航栏的HTML代码。 <header> <div class="navbar navbar-fixed-top center"> <div class="navbar-inner"> <div class="nav-collapse collapse"> <ul class="nav"> <li><a href="#&
浏览 1
提问于2014-08-23
得票数 0
回答已采纳
2
回答
在Firefox和Chrome页面上将IMG (在标签内)居中
、
在火狐和Chrome中,<a>的'clickable‘区域被扩展到包含div的全部宽度(或者在不包含div时扩展到主体),而在IE中则没有。 我如何使它使img是居中的,只有图像是‘可点击’,根据IE的行为? html <a href='http://www.google.com'> <img src='http://cecs.anu.edu.au/files/GoogleLogo.png' /> </a> css img { height:100px; display:block;
浏览 1
提问于2014-04-07
得票数 0
回答已采纳
1
回答
使一组按钮居中
我试图使MTML页面底部的三个按钮居中,但无论我如何尝试,都无法使它们居中。下面是我的最后一次尝试。感谢任何人的帮助! HTML代码: <div style="margin-left: auto;margin-right: auto"> <div class="btn-group"> <a href="#" class="button">Top</a> <a href="page2.htm" class="button">P
浏览 0
提问于2017-11-13
得票数 0
2
回答
文本对齐:居中不居中文本
我想知道如何将这个页面中的字形居中,它们是使用@font-face的icon-font,但即使在我对包含每个字形的锚点应用text-align:center之后,它们也不会居中。 它们显示为左对齐。 有没有办法修复它们使它们居中? 我更喜欢不涉及CSS3的flexbox的解决方案。 这是页面: 另外,如果您可以将标题中的最后一行文本居中,我将非常感谢,因为这看起来也不居中。
浏览 3
提问于2013-04-06
得票数 0
回答已采纳
3
回答
如何在居中图像周围制作彩色边框
、
我基本上有一堆图像,它们被包装在一个div中,使整个堆栈居中。我想在整个堆栈周围创建一个粗边框或填充,而不是单个图像,但我不知道如何使用css来做到这一点。任何帮助都是最好的。每个图像也在其自己的div中,用于其他样式。此外,向单个图像添加样式属性也是不可接受的,因为图像实际上是使用angularjs ng-repeat指令显示的。下面只是一个伪代码,基本上正在发生什么,但我正在寻找一种方法,以边界的整个图像堆栈。 <div class="center"> <div> <img> </div>
浏览 0
提问于2015-08-18
得票数 0
2
回答
使跨径高度达到100%的外倾角
、
、
下面是简单的html。其目的是使左跨高度100%的外div高度,而不是其文字垂直(即"abc“应成为一条线与"ghi")。结果在屏幕截图(铬,win10):样式没有任何影响。 “行-eq-高度”用于使列具有相同的高度,并从复制。 <html> <head> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <style>
浏览 5
提问于2017-02-10
得票数 5
回答已采纳
4
回答
如何对齐相邻的两种不同字体大小?
、
如何对齐相邻的两种不同大小的字体,使较小的文本与较大的文本垂直居中? HTML: <div id="parent"> <span id="first">first</span> <span id="second">second</span> </div> CSS: #first { font-size: 200%; } #second { font-size: 100%; } JSFiddle:
浏览 11
提问于2012-01-24
得票数 1
回答已采纳
2
回答
为什么我的图片不能通过我的CSS代码在<div>中垂直居中显示?
、
在jsFiddle上查看我的代码: HTML代码: <div> <img src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.png" width="276" height="110" alt="Google China"> </div> CSS代码: div { height: 118px; line-height: 118px; background: red; } img { vertic
浏览 2
提问于2012-02-16
得票数 2
回答已采纳
5
回答
Div与其内部的Div一样宽
、
、
、
、
有没有一种CSS方法可以使父div的宽度达到所有div在其内的宽度。如下所示: +--------------------------------------------------+ | DIV | | | | +---------+ +---------+ +---------------+ | | | | | | |
浏览 3
提问于2016-02-19
得票数 2
1
回答
冲突fadeslideshow.js和Jquery将DIV显示在中心
、
我正在使用脚本(如下所示)将DIV居中,它工作得很好。 <script language="javascript"> $(document).ready(function(){ jQuery.fn.center = function () { this.css("position","absolute"); this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() +
浏览 0
提问于2013-07-02
得票数 0
回答已采纳
1
回答
div与其内容不符
、
、
、
所以我在一个div里面有一个div。子div中的内容需要左对齐文本,并且子div本身需要在父div中居中。我的问题是,我不能让子div只是它内容的宽度,这样我就可以将它居中。它会不断拉长父div的长度。我尝试过显示:inline-block,inline,table。什么都不起作用。如何让子div在父div中居中,但使子div内容左对齐? 这是我的代码。HTML: <div class="gallery"> <div class="sub_gallery"> <a class="image"
浏览 0
提问于2016-10-09
得票数 1
3
回答
CSS:调整换行上内联项目的对齐方式
、
、
、
我有两个项目表示复选框显示为inline-block。在宽屏幕上,它们应该并排显示在一行中。两者都应该居中。 Good: |-----itemX--itemXYZ-----| 在较小的屏幕上,我希望它们一个接一个地显示,仍然居中显示,但向左对齐: Good: |--itemX----| |--itemXYZ--| 目前我所能得到的只是: Bad: |---itemX---| |--itemXYZ--| 我如何使用CSS(3)来实现这一点? PS:我正在使用BootStrap 3,也许这会对我有所帮助…… HTML: <div id="form"> &
浏览 3
提问于2015-09-30
得票数 0
2
回答
如何替换文本对齐:-webkit-center?
、
、
不推荐使用webkit CSS属性,因为它不是标准化的。重构一些我发现在我的CSS中使用text-align: -webkit-center的代码: .wrap-block { text-align: -webkit-center; } 为了使某些文本块居中: p { max-width: 200px; text-align: justify; } 在类似于下面的结构中: <div class="main-block"> <div class="wrap-block"> <p>S
浏览 1
提问于2015-02-19
得票数 2
回答已采纳
1
回答
css: inline-block帮助将导航栏居中-需要了解其工作原理
在本网站示例页面的以下源代码中: http://6.470.scripts.mit.edu/css_exercises/exercise5.html <head> <style> body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #bbbbbb; } #container { width:1000px; background-color:#dddddd; text-align: center;
浏览 0
提问于2013-03-31
得票数 0
4
回答
如何让一个网站的内容居中?
、
、
、
在HTML中,如何使站点达到屏幕宽度的60-80%,如果窗口大于60-80%,则居中,否则会有滚动条?我说的是StackOverflow内容的方式。 我试过了,但失败了: <html> <head> <style type="text/css"> </style> </head> <body> <center> <div style="width: 60em; align: center;">kdsjlglkdfjgolksdjflgojsdfsdoljfglsd
浏览 0
提问于2010-12-20
得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS实现div的全屏自适应显示
CSS中的各种居中方法总结
做网站-如何用DIV+CSS做网页
WPS表格中如何使零值以横杠形式显示
让div水平垂直居中的几种方法
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
云直播
活动推荐
运营活动
广告
关闭
领券