1回答
当我把字体变大时，垫图标不再居中。如何将按钮内部的图标垂直和水平居中？(请注意，类"mat-icon“是内置的，因此css可以在元素中指定类) html： <button mat-fab class="add-picture">
<mat-icon>add_to_photos</mat-icon>
</button> css： .add-picture {
width:100px;
height:100px;
}
.mat-icon {
font-size: 80px;
}
浏览 12提问于2021-08-17得票数 0
回答已采纳
6回答
嗨，我想这应该很简单，但我不能让它工作。似乎无论我做什么，我都不能让文本组件在视图中水平居中。我已经尝试使用alignItems:center，justifyContent:center，alignSelf:center，textAlign:center...毫无办法。我可以让它垂直居中，但不能水平居中。亲爱的主啊，为什么？
<Animated.View style={[styles.titleContainer]}>
<Text style={styles.title}>App logo here</Text>
</Animated.View
浏览 3提问于2015-11-03得票数 5
我目前正在尝试找出如何让标题在我的上完全居中，无论是垂直还是水平/而不依赖于屏幕大小。我目前使用的是<br>标签。
下面是我想要的样子
但当调整大小时，我希望它改变字体大小并保持居中。
浏览 1提问于2015-12-09得票数 2
我试图使一个链接，其中有一个height和一个200px的width。链接的文本应垂直居中和水平居中。
到目前为止，这是我的CSS：
a:link.Kachel {
width: 200px;
height: 200px;
margin: 0 auto;
display: block;
text-align: center;
background: #383838;
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-align: center;
-moz-box-al
浏览 0提问于2013-02-14得票数 44
回答已采纳
我的.cent类是用于<li>元素的。我想让<li>的文本水平和垂直居中。text-align:center;负责水平居中，但垂直居中不起作用。CSS的诀窍是什么？
.cent{
height:20px;
width:20px;
text-align:center;
vertical-align: middle;
}
浏览 5提问于2010-12-16得票数 5
回答已采纳
3回答
我有一个水平居中的网页，但相当短-它只占垂直页面的一半。我想让它居中。如何使标签垂直居中？我不能有一个静态的高度，所以这不是一个选项。如果CSS不够强大，我可以使用Javascript来完成吗？谢谢!
浏览 0提问于2011-08-22得票数 2
回答已采纳
我有一个水平堆栈视图，上面有3个标签。第二个标签(图像中的“Separator Label”)只有一个‘点’作为文本，但由于标签在堆栈视图中，它采用堆栈视图和其他标签的高度。我想让圆点在中心，但它在底部。我尝试将基本对齐方式改为居中，并将视图的内容模式改为居中，但它仍然位于底部。
如何使文本/点移动到中心位置？我想要的是圆点垂直居中。
下面是图像-第一个图像是文件视图中的堆栈视图和标签，第二个图像是堆栈视图的内容，第三个图像是分隔符标签上的设置。
浏览 5提问于2020-06-27得票数 1
我正在尝试创建一个带有X的小按钮(字体- am的<i class="fa fa-close"></i>)。我试着让它看起来像这样：
然而，我遇到了一些让X在按钮内居中的问题。
下面是标记：
<button class="cart-remove">
<i class="fa fa-close"></i>
</button>
和css：
.cart-remove {
width: 20px;
height: 20px;
position: a
浏览 1提问于2016-08-26得票数 5
我想使用CSS来更改页面上<hr>元素的外观:我希望每个元素都显示为一组三个星号，而不是水平线。我可以用下面这样的方法来实现：
hr {
border: none;
margin: 3.0rem auto;
width: 5rem;
}
hr:before {
content: "***";
letter-spacing: 1rem;
}
(.)
问题是如何让这些生成的内容水平居中显示。我可以通过调整<hr>的"width“属性使其或多或少地居中，但这感觉既粗糙又不灵活。有没有办法告诉浏览器这个内容应该居
浏览 1提问于2013-06-17得票数 1
回答已采纳
4回答
我想让div水平居中，css代码是这样的：
<style type="text/css">
#footer{
position: fixed;
bottom: 20px;
background-color: red;
width:500px;
margin: auto;/*left:auto; right:auto;*/
}
</style>
和html代码：
<body>
<div id="footer">hello world</div>
&l
浏览 0提问于2013-04-17得票数 9
回答已采纳
如何让div在没有脚本的情况下水平和垂直居中？只在CSS和HTML5上？
<div id="center"></div>
#center{width:500px; height:300px;}
浏览 1提问于2011-08-24得票数 1
回答已采纳
我知道这是一个简单的概念，但我正在努力解决字体度量问题。水平居中不是太难，但垂直居中似乎有点困难。
我尝试过在不同的组合中使用FontMetrics getAscent、getLeading、getXXXX方法，但无论我尝试什么，文本总是偏离几个像素。有没有办法测量文本的确切高度，使其精确居中。
浏览 1提问于2009-06-28得票数 20
回答已采纳
2回答
我在WebView中加载一些超文本标记语言的内容，但它总是出现在我的WebView的左上角。
我也尝试使用样式表，在样式表中我添加了与中心相关的标签，但它不在中心。样式表中的其他标记工作正常。
如何在WebView中设置内容垂直居中和水平居中？
我的HTML代码
<html><head> <style type=\"text/css\"> @font-face { font-family: MyCustomFont; src:url(\"file:///android_asset/fonts/MyriadPro-Regular.o
浏览 2提问于2013-01-10得票数 1
回答已采纳
我有一个网上相册。缩略图页面是一个150px x 150px div的网格，缩略图图像设置在其中。
由于缩略图是矩形的，理想的做法是在div中自动居中。
读到这里，我想出了如何使它们水平居中。我还读到，在CSS3起飞之前，自动垂直居中是不可能的。这是真的吗？
我已经得到了水平图像自动居中，这是：
.portrait_t {
width: auto;
height: 150px;
text-align: center;
display: block;
margin: 0 auto 0 auto;
}
但是，垂直居中不起作用：
.landscape_t {
width: 150px;
height
浏览 1提问于2012-06-15得票数 0
回答已采纳
如何使用javascript、css和/或html在表格单元格中的图像上居中显示文本？
我有一个包含图像的HTML表-所有图像的大小都相同-并且我想在每个图像上居中放置一个文本标签。标签中的文本大小可能不同。水平居中并不难，但垂直居中却很难。
附录:我最终不得不使用javascript使用固定大小的div和绝对定位来可靠地将文本居中；我只是无法让它以任何其他方式工作。
浏览 2提问于2008-09-18得票数 1
回答已采纳
6回答
我有一个<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
回答已采纳
这是我的
<div class="overlay">
<div id="loading">
<img src="styles/images/30.gif">
</div>
</div>
我想让它垂直和水平地居中。
该图像仅为水平居中，如下面的屏幕快照所示：
我的CSS如下所示：
.overlay {
background: #e9e9e9;
display: none;
position: absolute;
top: 0;
right
浏览 3提问于2017-04-29得票数 1
回答已采纳
3回答
垂直对齐容器
、、
我想让我的容器div垂直居中，就像它因为margin: auto;而水平对齐一样。我在谷歌上搜索了一段时间，了解如何做到这一点，但它似乎对我不起作用。也许有某种通用的方法可以做到这一点，就像水平居中的margin: auto;方法一样简单？因为对我来说这似乎非常奇怪，我们生活在2011年，仍然没有简单的css命令来完成这项任务…
#container
{
margin: auto;
width: 960px;
height: 640px;
background-color: brown;
}
浏览 0提问于2011-06-03得票数 0
回答已采纳
有没有办法让所有相同大小的符号都有相同的宽度？ 从下面的截图中可以看到，person.2.fill的宽度最长，而square.and.arrow.up的宽度最近。在这种情况下，将字体设置为等间距字体似乎不会更改任何内容。 Image(systemName: "square.and.arrow.up")
.font(Font.system(size: 18, weight: .medium, design: .monospaced)) 一种解决办法不是“强迫”它们具有相同的宽度，而是在相同宽度的容器中水平居中。 ?
浏览 20提问于2020-10-21得票数 2
回答已采纳
2回答
我有一个视图，其中包含一个标签(一行标签)。标签在视图的顶部水平居中(从顶部20)。当这个视图被调整大小时(例如，对于iPhone 5屏幕)，我希望我的标签也能调整大小。
标签字体的大小为55，当视图调整大小时，字体保持不变，看起来很大。
目前，我的限制只是集中在水平和20从顶部。
我如何使我的标签调整大小与它的观点成比例？
浏览 0提问于2015-12-04得票数 1
回答已采纳
我有这个：<li>+</li>，我试着将文本居中。对于水平居中，我使用line-height。如何使用CSS进行垂直居中？
这是一个演示：
浏览 1提问于2011-12-03得票数 0
回答已采纳
2回答
我没有让我的表单元素水平地居中，这是我的代码
$('.form')
.css('top', window.screen.availHeight / 2 - $('.form').height() / 2)
浏览 0提问于2010-12-27得票数 0
我试图让一个子div在父div中水平居中(左/右)，也固定在父div的顶部，但我不知道如何在CSS中做到这一点:-(我可以将它居中，也可以修复它，但每当我试图组合子div时，它就固定在它的自然位置(向左)。
编辑:孩子需要固定在顶部，这样当其他孩子溢出时，他们可以滚动，但它将留在原地。
浏览 1提问于2019-03-09得票数 2
1回答
我想弄清楚如何对齐文本(比如水平居中，如果太长还可以自动减小字体大小)。
从玩弄，x=0，y=0并不总是绝对的左上角(?)，不知道是什么导致了这一点。这是一种恼人的是，必须不断地改变一个数字和刷新。
浏览 0提问于2012-06-18得票数 0
1回答
如何在表面视图中对字符串进行水平居中？
我不想
c.drawText(""+score, c.getWidth()/2, y);
因为这将显示从屏幕中心开始的文本。
我想要像这样的
c.drawText(""+score, c.getWidth()/2-score.length()/2*fontSize, y);
有方程来解决这个问题吗？如果没有，还有其他方法在表面视图中对文本进行居中吗？
顺便说一下，我使用的是自定义字体，我不知道这是否改变了什么。如果你需要知道任何关于字体的额外信息，请评论。
浏览 2提问于2013-10-16得票数 1
回答已采纳
我有一个图标字体行(字体令人敬畏)。在悬停时，我希望字体大小增加(更大的图标)，同时保持图标在直线内居中(水平和垂直)，其余图标应保留其大小和位置。
HTML：
<div id="container" class="class1">
<span class="fa fa-square-o class2"></span>
<span class="fa fa-square-o class2"></span>
<span class="fa fa-square-
浏览 5提问于2015-06-16得票数 0
3回答
我正在尝试在Javascript中居中按钮，以便它在页面中水平居中。现在，我的按钮在html文件中，所以我不知道如何使用CSS将其居中，因为它在Javascript中。 TLDR:在Javascript中，如果我声明了一个按钮btn，我应该写什么代码来水平居中它？ 我在互联网上到处寻找一种使用Javascript使按钮居中的方法，但都无济于事。我希望你们都能帮助我。 谢谢!
浏览 501提问于2021-06-26得票数 0
回答已采纳
2回答
带纵横比的中心分割
、、、
我需要在html视图中居中放置一个Div。它应该在垂直和水平方向上都居中。但Div应该保持其宽高比(4/3)，并且最小边距为10px。
我做了一个Javascript：
function resizeWindow() {
var wHeight = $(document).height() - 20;
var wWidth = $(document).width() - 20;
var gameStage = $("#gameStage");
if ((wWidth / 4) * 3 <= wHeight) {
gameStage.css("width
浏览 0提问于2015-08-26得票数 3
我想让一个电子邮件地址(我有一个确定的宽度)和一个提交按钮(其宽度取决于语言和字体大小)的输入表单水平居中，它们之间有大约10px的空间。
然而，我尝试过的似乎都不管用，我真的很绝望。
我们将非常感谢您的帮助！
浏览 1提问于2011-12-09得票数 0
3回答
我在html中的一个元素上有下面的css。它以水平居中的图像，但它不是在底部的页面，我需要它。如何更改此css以保持其水平居中，但使其位置:固定到底部？
background: url(loginv1.png)50% 50% no-repeat;
background-size: 75px 25px;
height: 40px;
width: 120px;
display: block;
margin: 0 auto;
浏览 7提问于2014-04-23得票数 1
回答已采纳
如何将图像的位置设置为div的中心(垂直和水平)。我可以让它水平居中，但如何垂直居中呢？
注意:图像的高度和宽度可能会改变。
html：
{% for photo in photos %}
<div class="thumbnail_container">
<a class='gallery' href='{{MEDIA_URL}}{{photo.image}}'><img src="{{MEDIA_URL}}{{photo.image}}" class="thumbnail"
浏览 1提问于2013-10-26得票数 0
5回答
我一直在建立一个网站，但不知道如何将导航链接居中。该站点是使用CSS表的HTML格式。
我试着把它们放在中心位置
margin: 0 auto;
任何建议都是很棒的！
站点地址为
如果你想让我粘贴所有的代码到这里，然后请要求，但我觉得没有必要，因为代码是开放的可从查看源代码
浏览 0提问于2012-02-08得票数 0
我正在努力实现以下目标:我在页面的中央有一个垂直和水平的中间div (wrapper)。在该div中，我希望有另外2个div，其中一个将包含徽标，另一个将包含一些文本。徽标图像还必须与其div的中心垂直和水平对齐。目前，我所拥有的是：
下面是我的HTML和CSS的jsfiddle：
我如何才能使logo div居中(仅水平居中，并具有10px的页边距-顶部)，并使logo图像在该div内居中，水平和垂直居中，就像现在一样？
浏览 2提问于2012-10-16得票数 1
回答已采纳
2回答
我想知道如何将3张图片水平居中。我知道如何让它们水平对齐，但后来我失去了我的中心。所以我把图片水平排列，但是我想尽一切办法让它们居中，但都没有真正起作用。所以我真正想要的是，中间的一个居中，另外两个在它的一侧，间隔均匀，如果这样做的话。
<!DOCTYPE html>
<html>
<head>
<title>Anchor</title>
<link rel="stylesheet" href="main.css&#
浏览 1提问于2015-10-04得票数 0
我正在尝试编写一个符合HTML5的文档，该文档将通过W3C验证器：。
验证器抱怨标签的每次使用，并建议我使用CSS。不幸的是，CSS似乎不能将块水平居中。它可以使用' text -align: center‘属性将文本居中，但尝试居中表格和图像会失败。
我在上读过"CSS居中指南“，但它的所有示例都不能水平居中表格或图像(至少在Firefox36.0上是这样)。谁能建议一下如何使这张桌子居中？
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" co
浏览 1提问于2015-04-02得票数 2
div {
width: 100px;
margin: 0 auto;
}
此CSS使块元素水平居中。
有没有可能抵消auto边际的比例？例如，让左边距比右边距大两倍？
浏览 12提问于2018-09-03得票数 0
回答已采纳
3回答
我在div中有一个div和一个图像。图像大小会有所不同。
我想让它在水平和垂直方向居中。Css垂直对齐似乎不起作用。
有什么窍门吗？我可以使用php、css或Jquery。
浏览 2提问于2009-10-20得票数 3
回答已采纳
我可以让它垂直或水平居中，但不能同时居中。这是我到目前为止拥有的css代码：
.my-flex{
display: flex;
height: 100%;
width: 100%
}
//other pieces of the the flexbox that i have before it that aren't relevent
.last-element{
flex-grow: 1 0 auto;
align-self: center;
justify-self:center;
}
我还尝试让my-flex成为jusify-content center和flex-start
浏览 0提问于2021-05-21得票数 0
2回答
我想展示的是“加载...”作为一个简单的文本，而页面正在加载，我希望文本居中都-水平和垂直。我经历了很多例子，现在我有了某种似乎有效的解决方案，但我怀疑效果会一直是一样的，我的代码甚至接近一个好的CSS。我所拥有的是一个index.php页面，在这个页面中，在<body>标签之后，我拥有以下内容：
<body>
<div id="loading-standard-user">
<p id="loading-standard-user-text">Loading...<
浏览 2提问于2012-05-22得票数 1
回答已采纳
1回答
那里!
我想让div水平居中。现在我必须使用Javascript + CSS。它看起来像这样
CSS：
div#block {
left: 50%;
}
JavaScript：
$('#block').css('margin-left', ($('#block').outerWidth()/2) + 'px');
幸运的是，我可以这样做：
div#block {
left: 50%;
margin-left: self -50%;
}
非常感谢你的帮助=)
浏览 0提问于2011-06-24得票数 0
回答已采纳
1回答
我正在尝试垂直对齐我的登录屏幕。，并使用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回答
我需要使用垂直域管理器将LabelField水平居中。我还需要增加这个LabelField的字体大小。我发现，一旦我使用FIELD_HCENTER将它居中，如果我改变字体的大小，它就会改变字段的位置。
这是代码
VerticalFieldManager vfm = new VerticalFieldManager(Field.FIELD_VCENTER | Manager.USE_ALL_WIDTH);
LabelField title = new LabelField("My Title",Field.FIELD_HCENTER) ;
title.setFont(Font.g
浏览 0提问于2012-09-18得票数 1
回答已采纳
3回答
我已经构建了一个圆形div。我想要实现数字文本可以在div中水平居中，字体图标位于其右上角，如何实现？div定义为：
.rating-score {
position: absolute;
top: 10px;
left: 10px;
width: 50px;
height: 50px;
line-height: 50px;
display: block;
text-align: center;
border-radius: 50%;
浏览 0提问于2016-02-23得票数 0
2回答
我想把这个文本垂直地和水平地放在一个容器内，它在一行和一个列中，设置为12，但我只能让它水平地而不是垂直地居中。我尝试了Flex，但是它将页面中的所有对象移动到中间，我只想让这个对象居中。
HTML：
<div class="container-fluid home">
<div class="row">
<div class="col-md-12" id="text">
<p>Hello World!</p>
</
浏览 6提问于2016-12-13得票数 1
回答已采纳
3回答
我在生成HTML/CSS布局时遇到问题。考虑这一点的最好方法是采用正常的水平居中页面布局。我只想让一个div从居中布局延伸到浏览器窗口的右边缘。
这应该可以流畅地与浏览器窗口大小调整一起工作。
浏览 0提问于2012-10-28得票数 2
回答已采纳
2回答
我有一个徽标(775 X 225)，我想居中(垂直和水平)在一个网页，然后有一个链接“回车”，放置在它下面
<html>
<head>
<Title> My website </Title>
<style type="text/css">
//centerlogo CSS class here ?
</style>
</head>
<body lang=EN-US>
<div class'centerlogo"> <span><
浏览 0提问于2013-04-27得票数 0
回答已采纳
5回答
有人能帮我解决这段愚蠢的代码吗?我花了近2个小时试图弄清楚如何让它工作。目标是在水平条内垂直和水平居中输入字段。
下面是一个简化的代码：
HTML：
<div class="navigationBar">
<input type="text" id="searchField">
</div>
CSS：
.navigationBar{
width:100%;
height: 40px;
background-color: rgb(102,102,102);
}
#searchFi
浏览 0提问于2014-09-18得票数 0
21回答
我想使一个position: fixed;弹出框居中的屏幕与动态的宽度和高度。为此，我使用了margin: 5% auto;。如果没有position: fixed;，它可以水平居中，但不能垂直居中。添加position: fixed;后，它甚至不会水平居中。
以下是完整的设置：
.jqbox_innerhtml {
position: fixed;
width: 500px;
height: 200px;
margin: 5% auto;
padding: 10px;
border: 5px solid #ccc;
backgrou
浏览 5提问于2010-01-05得票数 513
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
