我搜索了堆栈溢出，但不幸的是没有找到这个特殊情况的解决方案。
我试图显示以下场景：
，容器视图，在容器视图中以水平和垂直方式居中的文本，该文本位于以该为中心的文本下面。
无论我尝试什么，我都不能在容器视图中水平和垂直地对文本进行居中，并在其下面放置一些东西，而不将其从容器视图的中心移出。
为了更好地理解，我在故事板上描述了这种行为：
如果有人能帮我用SwiftUI！：编写这个场景，那就太好了。)
浏览 0提问于2020-04-15得票数 8
回答已采纳
我想要在love2d中发生特定事件时显示文本。除了文本显示在远离中心的位置之外，一切都运行正常。所以我只想知道一种水平和垂直居中对齐文本的方法。提前感谢！
浏览 25提问于2021-10-09得票数 1
回答已采纳
我想显示一个图像左对齐(在左/右有一些填充)，但垂直居中的表格单元格，同时保持文本的水平和垂直居中。
JSFiddle完整示例：
<tr>
<td>
<img title="Out of stock" src="..."><!-- This image may or may not exist -->
<a href="">4000.4</a>
</td>
<td>Lemon soda</td>
<t
浏览 2提问于2021-11-20得票数 0
回答已采纳
假设我在div中有文本、图像等。那么如何使用javascript & css使元素在div中水平和垂直居中呢？请使用示例代码进行指导。
谢谢
浏览 0提问于2010-12-01得票数 0
5回答
我正在尝试水平和垂直对齐文本。使用de水平轴，我制作了：
text-align: center;
而且它工作得很完美。但我希望文本在垂直轴上也居中。我读了很多解决方案，但每个人都有不同的解决方案，我有点困惑……
谢谢!
浏览 3提问于2012-06-22得票数 1
回答已采纳
我有一个里面有一些文本的TD/DIV。我使文本显示在TD/DIV的中心。但我希望使用writing-mode: sideways-lr使文本居中显示。我该怎么做呢？ div {
width: 200px;
height: 100px;
text-align: center;
vertical-align: middle;
border: solid;
display: table-cell;
}
.side {
writing-mode: sideways-lr;
} <div>My text</div>
<br>
<
浏览 25提问于2020-04-01得票数 3
回答已采纳
1回答
我尝试垂直居中文本框中间的文本框。通过使用textArea.setStyle("-fx-text-alignment: center");，我已经能够在java中水平居中显示文本。
我考虑过使用Center Center或Bottom Center等参数通过-fx-text-alignment字符串实现这些结果，但我是通过窗口上的两个不同按钮来处理水平和垂直对齐，因此不希望实现将这两种方法关联起来的逻辑。
我也尝试过切换textArea的-fx-alignment，但没有成功。
有谁知道如何让我的文本显示在textArea的垂直中心？
编辑:下面是我当前的窗口，我想要操作的文本
浏览 24提问于2017-01-12得票数 3
所以我有一个ListView，我不能让文本同时处于水平和垂直的中间。
我试过这个：
<ListView x:Name="EssenListView"
ItemsSource="{Binding EssenAnTag}"
Footer=""
SeparatorVisibility="None"
VerticalOptions=&
浏览 0提问于2018-11-08得票数 0
遵循以下代码：
其想法是将文本水平和垂直居中。
在下面的代码中，文本水平居中。
<RichTextBox
x:Name="richtextbox"
Height="285"
Width="341"
Margin="10,53,0,0"
VerticalAlignment="Top"
FontSize="14"
VerticalContentAlignment="Center"
HorizontalCon
浏览 3提问于2018-02-27得票数 0
回答已采纳
我正在尝试建立一个具有以下想法的flexbox菜单:项目之间的空间，等高，居中的文本(水平和垂直)。
ul {
display: flex;
justify-content: space-between;
flex-direction: row;
justify-content: center;
}
li {
width: 32.25%;
align-items: center;
}
span {
text-align: center;
display: block;
height: 100%;
}
<ul>
<li>&l
浏览 3提问于2017-02-17得票数 0
我的程序必须在PDF Acrofield上做一些样式。其中之一是将文本在多行文本域(而不是富文本域)中水平和垂直居中。我设法用下面的代码将它水平居中： var centeredField = stamper.AcroFields.GetFieldItem(field.Name);
centeredField.GetWidget(0).Put(PdfName.Q, new PdfNumber(PdfFormField.Q_CENTER)); 但是我找不到任何方法使文本垂直居中。任何帮助都是非常感谢的。
浏览 226提问于2019-05-08得票数 0
回答已采纳
2回答
我有这样的东西：
<p style="text-align:center;background-color:yellow;"><span style="vertical-align:middle;">My text goes here...</span></p>
显然，正如您在这里看到的，我的意图是将跨度居中(水平和垂直)。文本水平居中很好，但是为什么垂直居中不起作用呢？这是怎么回事？
谢谢
浏览 2提问于2012-03-16得票数 3
回答已采纳
8回答
我正在使用HTML，并且我希望将<td>的文本与每个单元格的中心对齐。
如何将文本水平和垂直居中对齐？
浏览 74提问于2012-01-24得票数 297
回答已采纳
1回答
我有一个css类的vertical-text，其中的.垂直文本将使文本处于垂直位置。一切都很好，但是当我试着用我的iphone时，safari。它不起作用。我不知道是safari浏览器的问题还是更多的ios问题？
下面是垂直文本类：
.vertical-text {
transform: rotate(180deg);
-ms-writing-mode: tb-lr;
-webkit-writing-mode: tb-lr;
-moz-writing-mode: tb-lr;
writing-mode: tb-lr;
-ms-writing-m
浏览 1提问于2020-03-03得票数 6
2回答
我正在尝试居中文本(水平和垂直)，我在这方面有一点困难。
这就是我尝试过的，但它只是水平居中，而不是垂直居中。
如何将此文本置于中心位置？
<div class="playerDetailsPage">
<p>
<h4>The text will be in the center</h4>
</p>
</div>
css
.playerDetailsPage {
background-color
浏览 0提问于2014-05-29得票数 3
回答已采纳
3回答
在安卓系统中，如何对TextView的文本进行水平和垂直的居中？如何将TextView的对齐对齐？
浏览 11提问于2014-02-21得票数 0
回答已采纳
2回答
我正在使用silverlight --特别是windows phone上的Silverlight。我希望在边框元素中有一个文本块。我想让文本块填满整个边框元素。我也希望文本块内的文本在文本块内居中-包括垂直和水平。
我遇到的问题是，如果我将文本块的水平和垂直对齐设置为居中，则文本块的大小将调整为文本的大小，因此文本块不会填满边界内的所有可用空间。如果我将textblock的水平和垂直对齐属性设置为stretch，我将使textblock展开以填充边框，但textblock文本不再居中。我认为我可以使用填充居中文本，但这并不能给出一个准确的结果，因为文本的长度可能会有所不同。
首先，我希望将文本
浏览 5提问于2011-11-18得票数 3
1回答
我正在尝试创建一个空的plotly，其中包含一条消息，说明为什么绘图作为标题是空的。我想将消息水平和垂直居中。 我错过了垂直的中心： empty_plot <- function(title = NULL){
p <- plotly_empty(type = "scatter", mode = "markers") %>%
config(
displayModeBar = FALSE
) %>%
layout(
title = title
)
return(p)
}
em
浏览 21提问于2019-06-27得票数 5
回答已采纳
3回答
我想要显示一行文本，下面有一个按钮，这两个按钮都是水平和垂直居中的。我目前有一个包含JLabel的BoxLayout，一个用于空格的刚性区域，然后是一个JPanel中的JButton。对于我想要做的事情来说，这似乎相当复杂，而且当窗口大小改变时，文本和按钮都不再居中。有没有更好的方法来做这件事？
----------------------
| |
| |
| |
| ________ |
| | Text | |
| ------
浏览 3提问于2011-10-23得票数 0
1回答
我需要显示一个水平居中的图像，并垂直重复它以覆盖屏幕的高度。 我试着这样做： Center(
child: Image.asset('test.png', repeat: ImageRepeat.repeatY),
) 但我得到的是一个没有重复的水平和垂直居中的图像。
浏览 45提问于2020-01-12得票数 0
回答已采纳
1回答
SVG中的居中文本与React
、、、、
首先，是的，我已经找到了很多其他的答案。但他们不是为我工作的。
我希望能够将文本集中在我的SVG中。
由于我必须能够把它放在左，中或右，(水平和垂直)，我试着变得有点通用，并计算x和y的编程。
下面是一个例子：
您可以在结果中看到文本不是垂直居中的。
红色框是文本的边框。
黑匣子是我应该居中的盒子。
浏览 1提问于2017-10-13得票数 3
回答已采纳
2回答
我尝试在chrome和safari中水平和垂直居中选择框。
这是jsfiddle - [http://jsfiddle.net/xeqLsdo6/]
问题是，即使在firefox中，文本在Chrome和Safari中也不是垂直对齐的。
提前谢谢你。
浏览 3提问于2015-05-26得票数 0
我使用<button>在CSS中创建自定义按钮，文本似乎在每个浏览器中水平和垂直地居中，没有填充、text-align或其他属性。我所要做的就是改变它的宽度和高度，文本总是在中间。
我在问自己，这是否是每个浏览器(即使是我没有机会测试的旧浏览器)中的默认行为，还是最好将line-height和order设置为垂直居中文本，而text-align: center设置为水平居中文本，以提高所有浏览器之间的兼容性。
浏览 2提问于2014-10-01得票数 0
回答已采纳
我想做两件事。
以响应的方式水平和垂直地居中文本，使其保持在框内。
具有不透明度适用于框，但不适用于文本。即实心白字居中，水平和垂直(响应)，在一个方框中有一定的透明度。我不确定我是在正确的道路上还是在错误的树上吠叫。谢谢！
#homeBoxShadow{
text-align:center;
width: 300px;
margin: 0 auto;
height: 100px;
background-color: black;
opacity: .5;
box-shadow: 10px 10px 5px #888888;
浏览 2提问于2015-11-04得票数 0
回答已采纳
我需要创建一个可点击的div，其中包含一个在div中水平和垂直居中的图像(大小可变，但比div小)。
我将div设置为可点击
#image-box a { display: block; height: 100%; width: 100%; }
但似乎不能垂直居中图像。
浏览 1提问于2011-06-21得票数 0
回答已采纳
2回答
我正面临一个问题，如何在div中居中显示文本(h1)。我希望网页是全屏的，我用vh实现了这一点。
.page { height: 100vh;
width: 100%;}
在那个页面上，我想让div在水平和垂直方向居中。我试着用
.div { top: 50%;
left: 50%;}
但这并没有起到作用。我也希望这是“响应式”si，它是在任何屏幕的中心。我正在寻找构建类似这样的东西：
浏览 1提问于2017-02-02得票数 0
1回答
我对TextViews有个问题。我使用下面的代码在水平和垂直方向居中显示文本。但是如果我放了太多的文本，它就不再居中了。我该如何解决这个问题呢？
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<TextView
android:id="@+
浏览 0提问于2013-07-18得票数 0
我正在努力实现以下目标:我在页面的中央有一个垂直和水平的中间div (wrapper)。在该div中，我希望有另外2个div，其中一个将包含徽标，另一个将包含一些文本。徽标图像还必须与其div的中心垂直和水平对齐。目前，我所拥有的是：
下面是我的HTML和CSS的jsfiddle：
我如何才能使logo div居中(仅水平居中，并具有10px的页边距-顶部)，并使logo图像在该div内居中，水平和垂直居中，就像现在一样？
浏览 2提问于2012-10-16得票数 1
回答已采纳
2回答
我正在尝试找到一个解决方案，让文本在文本区域中水平和垂直居中。水平方向可以很好地与text-align: center;配合使用，但垂直居中则麻烦得多。看起来解决方案是使用填充，但是当文本是3行高的时候，文本不再居中。在我的小提琴下面，我已经放置了一条红线，这是我的文本区域的中心。我需要这是文本将出现的中心。即使它是1、2、3、4或5行高。因此，如果我有4行文本，红线需要在第2行和第3行之间。
我想知道jquery有没有解决这个问题的办法？
浏览 0提问于2015-04-08得票数 5
我不想将div居中，我希望div的内容居中。我想要水平和垂直对齐。
很抱歉，如果这太简单了，或者其他什么，但是这是一种麻烦，让它正确的。
格雷
我正在使用IE7
浏览 0提问于2010-12-21得票数 3
因此，我和一位朋友正在尝试将文本悬停在图像上并将其居中。我们使用的是bootstrap，所以我们有一个有响应的div，图像也是，所以如果我调整页面的大小，图像会变小，但不会居中，也不会调整大小
那么，我们如何才能使它正确、可调整大小并水平和垂直居中呢？
浏览 0提问于2014-03-31得票数 0
1回答
我有一个包含水晶报告的WinForms C#应用程序。在它中，我有多个FieldObjects，其行数不同。我希望它们是水平和垂直的中心。通过将HorAlignment属性设置为crHorCenterAlign，我可以水平地对它们进行居中，但我无法找到一种方法将其垂直设置为中心。我还没有在网上找到答案，所以我的问题是：
如何将FieldObject的文本设置为以垂直为中心，因为您将使用设置为crHorCenterAlign的HorAlignment将其水平居中？
浏览 6提问于2012-05-22得票数 0
回答已采纳
我正在编写一个Java Applet，在我的一个CardLayout面板上，BorderLayout.CENTER中的GridLayout正在水平和垂直方向拉长TextFields (这是可以的，因为我可以设置网格各部分之间的垂直间距)。我可以阻止TextFields变得如此宽吗?我可以将其中的文本居中吗？
浏览 0提问于2012-12-03得票数 0
回答已采纳
2回答
我有2个图片在我的主页上，这是垂直居中。
#pgc-10-1-1.panel-grid-cell {
display: inline-block;
float: none !important;
vertical-align: middle;
}
#pgc-10-3-0.panel-grid-cell {
display: inline-block;
float: none !important;
vertical-align: middle;
}
但是，我希望它们在水平和垂直方向上都居中。
当我不使用float: none !important;时，图像水平居中，而不是垂直居中。当我使用f
浏览 3提问于2016-03-11得票数 0
2回答
我想要显示一个ASP.NET图像在一个DIV的中间(水平和垂直)，我应该如何排列我的div和图像(图像应该是runat=server)，我还应该为我的图像设置最大宽度和最大高度样式，div作为一个占位符，我的图像应该在DIV内，并且它应该在水平和垂直方向上都准确居中，你能显示正确的HTML和CSS吗？有样品吗？
浏览 1提问于2012-12-08得票数 0
1回答
HTML
<div id="divTop">divTop</div>
<div id="divBottom">divBottom
<div id="divCenter">divCenter</div>
</div>
CSS
html, body{
height:100%;
}
#divTop{
height:50px;
background:#008080;
color:#ffffff;
text-align:center;
v
浏览 1提问于2013-07-15得票数 0
回答已采纳
我有一个既包含图像又包含一些文本的容器。我想要的文本是垂直和水平居中的图像。
似乎最简单、最具前瞻性的方法是使用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
回答已采纳
我有一个div，它包含一个覆盖了文本的图形背景。我想水平和垂直居中这个元素。但是我不能让文本垂直居中。到目前为止，我有以下代码：
<div id="step">
<div id="background">
<img src="buttonbackground.png" class="stretch" alt="" />
</div>
<div>
<h3>some text</h3>
浏览 0提问于2012-02-24得票数 1
回答已采纳
我试图垂直和水平居中一个容器，里面的内容使用CSS。
标记如下所示：
<div id="container">
<img src="..someimage.jpg">
<img src="..someverticaldivider">
<form action="action.php">
<input type="text">
.... (other inputs)
</form>
</div>
我需
浏览 0提问于2012-01-31得票数 2
回答已采纳
3回答
我正在尝试创建一个潜在客户生成页面。当在任何大小的浏览器上显示时，我希望将页面上的所有内容居中。
我试着使用垂直居中对齐。但它似乎不起作用。
这样做的最佳实践是什么？
浏览 0提问于2012-08-02得票数 6
回答已采纳
我制作了一个Adobe Edge动画。现在我想要将动画和预加载器居中，以便它们总是在浏览器中水平和垂直居中显示。
请帮帮我。
我找到了以下帖子：
但对我来说什么都不管用。
浏览 4提问于2013-10-17得票数 0
2回答
我有一个简单的ul水平菜单，它存在于一个设置为10%高度和100%宽度的div中。如何在其中水平和垂直居中显示文本？
#navlistcontainer {
position:fixed;
height:10%;
bottom:0px;
left:0px;
right:0px;
}
#navlist li {
display: inline;
list-style-type: none;
}
#navlist li a {
color:#FFF;
}
<div id="navcontainer">
浏览 4提问于2011-03-16得票数 0
回答已采纳
我有一个具有{50，50}平方的@2x图像，如下面的蓝色矩形所示。现在，我需要在UIBarButtonItem的按钮中设置这个图像中心，它有一个较大的矩形(如下面的红色矩形)。红色箭头表示可伸缩区域。
我试过-imageWithAlignmentRectInsets:和-resizableImageWithCapInsets:，但是它显示出了错误的绘图。
如何使图像在自定义条形按钮项目的按钮中居中？
更新：
现在，我有一个修改过的图像，在原始图像(@1x)周围有一个透明像素。但仍然不知道如何实现我的目标。
图标已经缩放到水平和垂直方向(如下所示)以填充按钮。
我
浏览 3提问于2014-03-18得票数 1
我们遇到了以下View的问题。TextView的重力应该将文本水平和垂直居中，但文本只是水平居中并停留在顶部。有什么问题吗？
public class TestLayout extends ViewGroup {
private TextView textView;
public TestLayout(Context context, AttributeSet attrs) {
super(context, attrs);
textView = new TextView(context);
textView.setText(&
浏览 0提问于2013-06-04得票数 2
回答已采纳
2回答
这可能是很容易做到的，但由于某些原因，我什么都做不了。假设我有一个图像和一个文本，如下所示：
<div id="my_div">
<img src="my_img.png" alt="Test" />
<p>Some Text</p>
</div>
如何在图像上水平和垂直居中文本Some Text (我希望文本出现在图像的中间)
谢谢
浏览 2提问于2012-10-12得票数 1
3回答
这一个让我发疯了，不幸的是，我还没有很好的CSS。
如何将水平和垂直中心的文本链接到一个完全可点击的表格单元格中？
我研究过，尝试过几种解决方案，但没有一种有效。到目前为止，我最好的方法是：
<table class="dataTable">
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
</thead>
<tbody>
<tr>
浏览 2提问于2013-08-10得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
