我设置了flutter的cursorHeight属性，但是当在TextField中没有内容时，光标不能与hintText垂直地居中，如下图所示：
但是，当在TextField中是content时，内容文本和光标将垂直居中，如下图所示：
这是我的密码：
TextField(
decoration: const InputDecoration(
hintText: "Type here to add a quick TODO...",
enabledBorder: InputBorder.none,
focusedBorder: In
浏览 83提问于2022-05-29得票数 1
1回答
我正在尝试使页面平滑滚动，这样鼠标左键点击后光标就垂直地居中。
我知道如何使用事件侦听器来捕获单击位置，我只是不确定如何计算滚动偏移量以正确地对光标进行居中，而不管滚动条的大小和位置如何。
浏览 2提问于2018-07-05得票数 2
回答已采纳
为了设置占位符文本的颜色，我正在开发一个iOS应用程序，在该应用程序中，我对UITextField进行了子类化。我也对它进行了水平居中，但我的问题是占位符文本不是垂直居中的，而且由于某种原因，光标不是在占位符文本中居中，而是出现在占位符文本的第一个字符之后。
我在UITextField子类中使用的方法(为了设置占位符文本的颜色并将文本水平居中)如下所示：
- (void)drawPlaceholderInRect:(CGRect)rect {
// Set colour and font size of placeholder text
[[UIColor whiteColor
浏览 2提问于2013-09-09得票数 2
回答已采纳
4回答
我希望将输入文本框中输入的文本垂直居中。
实现这一点的典型方法是将行的高度和高度设置为相等。这可以在iOS 5.0之前的Safari上运行。
然而，在iOS 5上，Safari会垂直居中显示键入的文本...但占位符文本和光标显示为顶部对齐。
.txtBox {
line-height: 3em;
height: 3em;
}
<input type="text" class="txtBox" placeholder="Name"></input>
还有没有人面临这个问题？
浏览 2提问于2011-12-19得票数 29
回答已采纳
我在解决这个问题上有点困难，希望有人能帮上忙。
我有一个带有RichTextBox的WPF项目。
当我编辑文本时，我希望文档中的光标始终保持垂直居中。
例如，在编辑时向上或向下推动，而不是光标向上移动，我希望文本向下移动。这应该会造成光标静止不动的印象。
非常感谢。
浏览 1提问于2012-02-29得票数 7
2回答
目前，该站点有以下css类，用于表单中的备注(较长文本)条目。
.scrollabletextbox {
height:100px;
width:200px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 82%;
overflow:scroll;
}
框的大小和其他样式正确注册，但文本从垂直居中开始，并且从不换行。查看完整文本的唯一方法是向左/向右移动光标。
该表单使用下面的html (带有一点php)来实现大文本框
<input type="
浏览 3提问于2013-08-14得票数 12
回答已采纳
我正在使用fabric.js库。我想垂直对齐文本到文本框区域的中心。请看图片。
在图像中，默认的光标是对齐到顶部，但我希望它居中。是否有像textalign这样的valign形式的文本属性
尝试了originY，但没有成功。
浏览 14提问于2018-03-05得票数 1
3回答
我得到了一些类似于jsfiddle的html：
使用一些jquery，程序为每个div分配新的高度，因此外部div比内部div大。它还重新定位div，使其在父级中垂直居中(使用top)。
问题是，即使div与垂直居中对齐，它们包含的文本也不是垂直居中。
有没有办法将所有包含的文本移到div的垂直中心？
谢谢麦克斯
浏览 0提问于2012-01-15得票数 1
回答已采纳
我试图在页面中间居中放置一个元素。我可以将其居中，但如果我垂直调整页面大小，直到视图高度小于居中元素，元素将垂直移出屏幕，而不显示滚动条。你可以在这里看到这个问题的演示：
* {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
}
.outer {
text-align: center;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.inner {
display: inline-block;
width: 400
浏览 1提问于2017-02-23得票数 1
1回答
垂直和水平对齐
、、、
我的问题如下：
我垂直居中了一个div。但是，我想将另一个div水平居中。问题是我没有设法使它水平居中。
(X)HTML：
<body>
<div id="strut"></div>
<div id="page">
<div id="inner_page">
<h1>Galidie "jQzz" Clément</h1>
</div>
</div>
CSS：
html, body {
m
浏览 3提问于2012-10-20得票数 2
回答已采纳
7回答
我有以下HTML：
<div class="outer">
<div class="inner rotate">Centered?</div>
</div>
div.outer是一个窄的垂直条带。div.inner旋转90度。我想要文本“居中？”在其容器div中居中显示。我事先不知道这两个div的大小。
这很接近：。您可以从jsfiddle中看到，在应用transform: rotate(-90deg)样式之前，文本垂直居中，但在应用之后，文本在垂直方向居中。当div.outer很短时，这一点尤其明显。
是
浏览 0提问于2013-02-28得票数 84
回答已采纳
我试图使一个链接，其中有一个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
回答已采纳
3回答
我需要在具有下一个属性的HTML容器中垂直对内容进行居中：
height: auto;
min-height: 50%;
我尝试了不同的对齐技术，但没有成功。例如：
表：
鬼元素：
您能建议如何在这样的容器中垂直地居中内容吗？我对纯HTML/CSS解决方案感兴趣。
浏览 7提问于2014-08-25得票数 1
我正在努力实现以下目标:我在页面的中央有一个垂直和水平的中间div (wrapper)。在该div中，我希望有另外2个div，其中一个将包含徽标，另一个将包含一些文本。徽标图像还必须与其div的中心垂直和水平对齐。目前，我所拥有的是：
下面是我的HTML和CSS的jsfiddle：
我如何才能使logo div居中(仅水平居中，并具有10px的页边距-顶部)，并使logo图像在该div内居中，水平和垂直居中，就像现在一样？
浏览 2提问于2012-10-16得票数 1
回答已采纳
我有一个包含占位符文本的输入文本框；现在，我正在缩小占位符文本，以便当文本框聚焦时它仍然是可见的，但是当我缩小它时，尽管垂直翻译，占位符文本离输入框的顶部太近了。
我知道文本框中的光标仍然是居中的，但是我希望----占位符文本和光标--都在文本框中居中。有什么方法可以用CSS来完成吗？
//我的输入文本框：
<input
type="text"
className={errors.email && errors.email.length !== 0 ? 'bad-input' : ''}
value={this.
浏览 7提问于2020-02-28得票数 0
我正在试着写一个html页面，我可以把任何图像url放进去，它显示的图像与黑色背景，在页面上垂直和水平居中。
我有这个：
<html>
<body style="background: black;">
<img src="http://i.imgur.com/n8o1E.png" style="display: block; margin: auto; max-height: 100%; max-width: 100%">
</body>
</html>
它对比页面更高更薄的图像做
浏览 1提问于2012-12-08得票数 1
1回答
在可见屏幕上居中显示图像
、、、、
在Excel 2013中，我希望图像在屏幕的可见区域水平居中，而不管鼠标或单元格光标位于何处，也不管可见的单元格的范围是什么。
到目前为止，我得到了这个：
ActiveSheet.Shapes("Picture 1").Top = 13 'Fixed position vertically
ActiveSheet.Shapes("Picture 1").Left = (ActiveWindow.VisibleRange.Width / 2) -_
(ActiveSheet.Shapes("Picture 1").Width / 2
浏览 0提问于2016-10-20得票数 0
任何帮助都是非常感谢的。我正在使用Sass，Compass和Susy来重新设计我的网站。我需要弄清楚如何在浏览器中设置垂直中心。我有一个有五列的行，我需要垂直居中。
下面是HTML：
<div class="layout">
<section></section>
<section></section>
<section></section>
<section></section>
<section></secti
浏览 5提问于2014-07-22得票数 0
我的HTML中有一个div，如下所示：
<div id="audio"><span>فایل های صوتی</span></div>
这两个元素的CSS如下所示：
#audio{
width: 100%;
height: 11%;
background-color: #3F1954;
}
span{
font-size: 20px;
color: white;
text-align: center;
font-family: btitr;
}
我希望跨度在div中居中(水平和垂直)，当我放大或缩小我的页面时，它
浏览 2提问于2014-10-02得票数 2
5回答
我不得不承认，我真的不太了解HTML，但我正在努力学习。我有一个图像在DIV中居中，但它并不是真正的水平居中。它的左边缘是中心所在的位置，如下所示：
-|image
做什么，做什么.
编辑一些代码：
<style>
#Outer {
position:relative;
height:100%;
width:100%;
text-align: center;
}
#Picture {
position:fixed;
top: 30%;
}
</style>
另外，我在垂直和水平方向上居中。垂直方向工作得很好。
浏览 0提问于2011-11-05得票数 1
回答已采纳
5回答
我已经用谷歌搜索过很多次了，我不明白为什么我的div不会居中。
HTML：
<body><div id="mydiv"></div></body>
css
*{
margin:0;
padding:0;
}
html,body{height:100%; width:100%;}
#mydiv{
height:50%;
width:50%;
background:grey;
margin:au
浏览 0提问于2013-03-14得票数 1
回答已采纳
6回答
我有这个简单的HTML代码，但是让我感到沮丧，因为它不能垂直地居中：
<div class="outer">
<div class="inner">
Hello World
</div>
</div>
这是我的CSS：
.outer {
position: relative;
height: 350px;
}
.inner {
position: absolute;
height: 100px;
top: 50%
}
.inner div实际
浏览 6提问于2015-02-05得票数 1
回答已采纳
1回答
我已经阅读了许多帖子，并尝试了许多方法，包括添加一个行高属性，但我似乎无法使这个文本区域中的光标垂直居中。
重要的是，这一地位仍然是绝对的。以下是文本区域的CSS：
.tile-text-input {
height: 23%;
width: 70%;
position: absolute;
left: 50%;
bottom: 30%;
transform: translate(-50%);
padding: 15px;
border-radius: 10px;
text-align: center;
verti
浏览 4提问于2022-08-09得票数 0
回答已采纳
2回答
下面是正在发生的事情
我希望将右侧的箭头垂直对齐，使其位于div的中心。下面是html：
<div class="title-block" >
<span class="date">{{ order.getCreated()|date('M d, Y') }}</span>
<span class="invoice">Invoice #{{ order.getInvoice().getInvoiceNumber()}}</span>
&l
浏览 2提问于2013-04-15得票数 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
回答已采纳
1回答
我必须为垂直菜单栏编写一个简短的css脚本。
第一项应停靠在左侧，最后一项应停靠在右侧。
中间的项目应该垂直地居中。菜单栏本身也应该垂直地居中。
我读过一些文章，但都失败了。
我的资产：
html标记：
使用的css：
有人能告诉我我做错了什么吗？如果调整页面的大小，项目是垂直浮动的，我知道原因，但如何才能做得更好呢？给我一个主意，小费或者网站？谢谢
浏览 1提问于2015-01-22得票数 0
2回答
在窗口中以当前聚焦线为中心吗？
、、、、
在我正在开发的一个应用程序中有一个contentEditable div。我希望光标当前在窗口中垂直居中。
当用户向上或向下滚动时，光标应该始终保持居中，contentEditable div向上或向下移动以进行调整。
我该怎么做呢？
更新
我已经有了一些办法
演示：
$(function () {
// fire our function on keyup
$(window).bind('keyup', function(event) {
if (!event.ctrlKey && !event.
浏览 2提问于2014-08-27得票数 0
回答已采纳
如何使用flexbox布局创建垂直的div堆栈(列)，其中一个div锚定在容器的底部？
|--------|
| div1 |
| div2 |
| div3 |
| |
| |
| |
| fixed1 |
|--------|
例如，在此中，我希望项目1、2和3水平居中，垂直与顶部对齐，固定项目水平居中，垂直与底部对齐。
HTML
<div class="container">
<div class="item">Item 1</div>
<div
浏览 0提问于2015-05-01得票数 4
如何使用javascript、css和/或html在表格单元格中的图像上居中显示文本？
我有一个包含图像的HTML表-所有图像的大小都相同-并且我想在每个图像上居中放置一个文本标签。标签中的文本大小可能不同。水平居中并不难，但垂直居中却很难。
附录:我最终不得不使用javascript使用固定大小的div和绝对定位来可靠地将文本居中；我只是无法让它以任何其他方式工作。
浏览 2提问于2008-09-18得票数 1
回答已采纳
下面的html创建一个页面，页面的<html>高度= 8，<body>高度= 0，但是具有“居中”的div也在屏幕上垂直地居中。怎么会这样呢？
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div style=" height:100px; width:200px; margin: auto; position: absolute; top: 0; left: 0; bott
浏览 9提问于2015-06-22得票数 1
回答已采纳
1回答
我有一个关于如何在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
2回答
我有一个非常简单的测试html站点，如下所示：
<html>
<body>
<div style="height:500px">
<img style="height:200px; vertical-align:middle;" src="http://i.imgur.com/BidLR.jpg" />
</div>
</body>
</html>
但是图像不会在div中垂直居中显示。(至少在Google Chrome中是这样)。图像居中渲染需要什么？
浏览 0提问于2012-09-27得票数 1
回答已采纳
3回答
我使用tcpdf生成pdf文件。
并且在对齐表td中的图像时存在问题。
我正在使用tcpdf中的$pdf->writeHTML($html, true, false, true, false, '');。
html从我分享的图片中看得很清楚。html很简单，如下所示
<table>
<tr>
<td> </td>
<td>Picture</td>
.......
</tr>
<tr>
<td>1&
浏览 3提问于2013-07-16得票数 7
回答已采纳
我在我的iOS (swift)应用中使用WKWebView，我使用loadHTMLString(string，baseURL：)。现在的问题是，我希望HTML在框架中垂直居中。文本的长度是可变的。我该怎么做呢？
这是来自Xcode的HTML截图：
这是输出的图像。顶部的HTML在上侧，我希望它在视图中居中对齐(视图距顶部300点)：
浏览 3提问于2017-09-14得票数 0
4回答
中心DIV水平和垂直方向
、、、
我有一个HTML结构：
<div class="metaboxdet">
<div class="metd">
<h1>Hello World!</h1>
</div>
</div>
这里的问题是，我不能将div "metd“水平和垂直地居中。我试过调整顶部、底部、左边和右边，但结果不太准确。有没有一种方法可以让我水平地和垂直地动态地居中。
请检查以查看它的实际运行情况。谢谢!
浏览 10提问于2015-06-13得票数 1
回答已采纳
4回答
css属性vertical-align: middle在本例中不起作用。
HTML：
<div>
<span class='twoline'>Two line text</span>
<span class='float'> Float right </span>
</div>
CSS：
.float {
float: right;
}
.twoline {
width: 50px;
display: inline-block;
}
div {
浏览 2提问于2011-11-01得票数 48
回答已采纳
我创建了两个矩形div(需要保持60 of宽和150 of高)，其中包含文本。文本是垂直排列在矩形中的，所以我使用transform: rotate(-90deg)垂直对齐文本。
我想让文字垂直和居中。在垂直旋转文本之前，我使用display: table和vertical-align: middle方法对文本进行居中。当文本是水平的时，这是完美的。但是，在旋转内容后，文本不会保持居中。CSS仍然将文本居中，就好像它是水平的。
我尝试使用绝对/相对位置从顶部和左侧偏移文本，但是当我删除display: table和vertical-align: center属性时，文本就消失了。
对于如何在保
浏览 10提问于2016-03-30得票数 1
回答已采纳
2回答
我有一个带有position:relative的文本框容器div (div.tb)，包含输入和占位符div，它们都有position:absolute。
问题是输入文本是垂直居中的，但是占位符文本不是垂直居中的。
所以我需要占位符文本垂直居中，就像输入一样。
HTML：
<div class="tb">
<div class="placeholder">username</div>
<input type="text" name="tb-username" />
&l
浏览 2提问于2012-05-09得票数 0
回答已采纳
我有一个非常简单的HTML表。我只想用一列。表单元格中的单词"Name“应该是垂直居中的，但是当我添加带有数字和换行的div时，文本"Name”不再是垂直居中的。
如何使垂直对齐再次工作？
我正在寻找一个没有JavaScript/jQuery的跨浏览器解决方案。
<table style="width: 100px">
<tr>
<td style="width: 100px; vertical-align: middle">Name<div style="float: right
浏览 11提问于2017-06-25得票数 1
回答已采纳
这听起来很奇怪，我知道，但是我很难让一段文本稍微下移一点，这样它就会居中于它所在的标签上。
它看起来是这样的：
我希望购买垂直居中。
下面是html：
<div class="row-2">
<ul>
<li><a href="index.html" class="active">Buy</a></li>
</ul>
</div>
浏览 7提问于2011-04-08得票数 19
回答已采纳
6回答
我有一个问题与居中的HTML (垂直和水平)的div。我的代码看起来像这样：
<div id="container">SOME HTML</div>
#container{
width: 366px;
height: 274px;
margin: 50%;
top: -137px;
left: -188px;
position:absolute;
}
只有chrome将这个div居中到屏幕的中间。
浏览 4提问于2012-04-24得票数 5
回答已采纳
在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
回答已采纳
4回答
我试图在JQM页面的中间垂直和水平地对文本进行居中。使用1.4.5，默认主题。
在我的.css中有：
.splashDiv {
position: absolute;
top: 50%;
height: 50%;
width: 100%;
text-align: center;
padding:0;
}
HTML
<div class="splashDiv" data-role="page">
Please wait...
</div>
结果是：
只有在删除开发工具中的to
浏览 2提问于2017-03-30得票数 1
回答已采纳
1回答
我正在使用一个div300px宽度，它包含一个必须垂直跨越的无序图标列表，以及一个按钮。
HTML/CSS需要什么样的外观才能：
( A)无序列表是否左浮动并垂直居中，B)在UL右侧有按钮，也是垂直居中的？
HTML：
<div class="hb-left">
<ul>
<li><img src="cat.jpg"></li>
<li><img src="dog.jpg"></li>
<li><img src="mo
浏览 2提问于2015-11-21得票数 1
1回答
我遇到了一个棘手的问题。我需要在缩放图像后居中水平和垂直图像。这是我的HTML：
li {
float: left;
padding: .78125%;
width: 31.25%;
/*li tag height and width is not fixed for screen adaptation*/
}
<!-- The code run in mobile browser.So do not think too much fu*king compatibility-->
<ul>
<li>
<a href
浏览 2提问于2015-08-03得票数 1
5回答
我有一个带有背景图像的div，需要以水平和垂直方向居中。在图像的顶部，我还想显示一个1行文本，也是以水平和垂直方向居中。
我设法以图像为中心，但文本不是垂直居中。我想垂直对齐:中间会起作用的。
下面是我的代码：
<div style="background: url('background.png') no-repeat center; width:100%; height:100%; text-align:center;">
<div style="color:#ffffff; text-align: center; verti
浏览 0提问于2010-03-23得票数 2
我有一个像这样的html布局：
<div class="container">
<div class="content">
// content goes here
</div>
</div>
我已经向容器div申请了100vh。我需要将内容垂直居中。我发现如果我将以下CSS应用于容器和内容，我可以将content div中的所有内容垂直居中，但我想知道这是不是一种糟糕的做法，我是否应该做一些其他的事情？
display: flex;
justify-content: center;
align-i
浏览 30提问于2018-08-28得票数 1
回答已采纳
当父元素的高度改变时，如何保持绝对定位的元素(垂直居中，顶部: 0；底部: 0；边距:自动；)在其位置？
元素是一个img，它完美地居中于垂直制表符的中心。当用户单击垂直选项卡时，它会展开以显示更多信息，这会使完美居中的图像在展开的选项卡中垂直居中。
浏览 1提问于2018-05-25得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
