有没有人在UILabel中使用digital-7字体，我发现文本要在底部对齐(在Y轴上对齐太低，而不是在标签的垂直中心)。有没有人有办法让他们居中对齐？
浏览 0提问于2012-01-13得票数 0
回答已采纳
2回答
我是一个javascript初学者，我试图集成一个简单的灯光模式按钮。默认的我的网站是黑暗模式。因此，JS/CSS暗光模式工作良好。如果光模式被激活，整个(外部) CSS就会被替换，它看起来真的很棒。
但是，这是我的问题；CSS的当前模式没有保存在本地存储中。因此，当用户移动到下一个HTML页面时，默认的黑暗模式再次出现。
我已经找到了很多(真的)文章/论坛帖子等，并且测试了很多示例代码(合并它们等等)。但他们都没有为我工作。
这里是我的JS代码和HTML/CSS的一小部分。我已经将其分解为各个片段，因为我假设代码片段无法可视化多个HTML/CSS文件，因此您可能需要在本地保存和编辑页面。
当
浏览 8提问于2022-06-17得票数 0
回答已采纳
我要把一个简单的导航栏放在一起。最初，我只想让所有的链接垂直地居中，所以我使用了下面的CSS，它完成了我所需要的工作：
.link {
display: inline-block;
line-height: 3em;
height: 3em;
}
然后，我希望我的一些链接在一个更大的字体大小。我是通过对每个元素不同地设置行高和字体大小属性来做到这一点的，但是我确保将行高计算为父元素的3em：
.link1 {
display: inline-block;
font-size: 1.5em;
line-height: 2em;
}
.link2 {
浏览 3提问于2014-10-07得票数 2
回答已采纳
我有一个名为" product - name“的div，高度为30px，字体大小为11px，它应该包含产品名称。如果一个产品名称是双行，这看起来很好，但如果产品名称是单行，它从层的顶部开始，我实际上希望它成为垂直居中对齐。
如果有任何css属性或技巧，请让我知道
浏览 0提问于2011-09-16得票数 3
回答已采纳
3回答
我最近为我的项目购买了Proxima Nova字体，并且我有问题垂直对齐它。如果我设置所有的边距，行高和填充与Arial完全一样，我不会得到相同的结果和字体是错对齐。您可以看到Arial很好地居中，而Proxima nova的底部填充比顶部的填充要大。
我想这是字体的问题--问题是--我如何克服这个问题？我必须重做字体吗？我可以设置一些css属性来解决这个问题吗？
我创建了一个页面来演示这个问题：
编辑
我的问题是-是否有一种方法在全局上“配置字体”以获得正确的填充，这样一旦我决定更改字体，就不必重写整个css代码了吗？或者我必须编辑字体文件才能做到这一点？
浏览 6提问于2013-10-14得票数 5
回答已采纳
所以我用CSS设计了一个网站，并试图将导航栏(带有链接的标题)居中，但当我使用"text-align : center“和"Margin : auto”属性时，它就不起作用了。下面是我的HTML文件代码：
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html;charset=ISO-8859-1">
<title>Brickwood Fire Dept. - Established 20
浏览 1提问于2012-08-24得票数 3
回答已采纳
我在做一个俯仰控制器： <div id="pitchWrapper">
<span id="pitchButtons">-</span>
<span id="pitchValue">0</span>
<span id="pitchButtons">+</span>
</div> 我希望减号，正号和音调值都垂直居中。我希望加号和减号是比音调值更大的字体大小。 当我将字体大小都设置为相同时，它工作得相当好。 ? ...
浏览 167提问于2020-06-01得票数 0
回答已采纳
2回答
im对div容器使用以下css代码
/*media all*/
.rent-a-home-center {
position: absolute;
top: 50%;
left: 50%;
transform: translate( 50%, 50% );
text-align: center;
}
Css适用于所有浏览器，但不适用于Internet explorer。带有字体的div没有居中对齐。
你可以在这里看到：
谢谢!
浏览 16提问于2018-03-01得票数 0
回答已采纳
1回答
我正在使用来自的网页字体"FullMoonBTW01-BlkChry“。文本可以通过其上方的文本框进行更改。文本越长，字体越小。在整个过程中，文本应该是居中的。
使用Arial，或Times或任何其他“普通”字体，文本中心就会很好。即使使用其他一些fonts.com字体，它也能正常工作，但是当我尝试以FullMoonBTW01-BlkChry为中心时，我得到了以下内容(红线是中间的)：
#myDiv .text {
width: 100%;
position: absolute;
top: 140px;
text-align: center;
浏览 0提问于2013-09-27得票数 0
1回答
当HTML表格比页面正文宽时，无论您是否指定居中对齐，它始终左对齐。我有一个包含CSS3渐变按钮的表格，它的大小不容易预测(按钮的大小取决于浏览器使用的字体)。在某些浏览器上，此表变得比页面正文更宽，从而导致该表变得与页面横幅不相关。
我读过这样的问题：指出，在这种情况下，将表格居中的唯一方法是使用Javascript。
但是我希望找到一个没有javascript的解决方案。页面设计非常简单(只需在页眉居中显示网站徽标，下方有一系列大按钮)。
你有什么建议可以简单而优雅地解决这个问题，使按钮表格始终在页面中居中？
浏览 2提问于2013-09-25得票数 1
7回答
我想“居中”我的网页的文本和内容。现在我不想让文本居中对齐，我仍然想要左对齐，但我希望在左右两边都有明显的页边距，这样所有内容看起来都相对居中。你能给我演示一下实现这一点的HTML/CSS吗？谢谢。
浏览 0提问于2009-05-19得票数 5
1回答
我使用css已经有几年了，但是这个问题真的让我很困惑。我想要右对齐一些文本，并在空间可用时使文本在较大的屏幕上保持内联。当屏幕尺寸缩小(在移动设备上)，文本分成多行时，我需要文本居中但仍然右对齐。
例如：
足够的空间，一行上的所有内容都正确对齐：
------------------------------------
Total Amount: $200,000|
------------------------------------
在小屏幕上，文本以多行居中并右对齐：
--------------------
Total Amount:|
浏览 1提问于2018-10-22得票数 0
如何让遮罩div中的center div居中对齐？ 样式： <style type="text/css">
.mask {
position: absolute; top: 0px;
filter: alpha(opacity=60);
background-color: #777;
z-index: 1002; left: 0px;
opacity:0.5; -moz-opacity:0.5;
width: 100%;
height: 100%
浏览 50提问于2018-07-20得票数 0
回答已采纳
2回答
我正在尝试遵循这个教程，让图像在div的中心对齐：
这是我正在处理的页面：
你看到右边的“加入群组”按钮没有垂直居中了吗？
我正在做这个css：
width: 280px;
float: right;
border: 1px solid;
margin-bottom: 5px;
vertical-align: middle;
display: block;
display: table-cell;
我想过关于垂直对齐的部分:居中；可以做到这一点，但事实并非如此。有没有办法让按钮垂直居中？
谢谢!
浏览 0提问于2011-05-30得票数 0
回答已采纳
2回答
在表格标题中，th标签的默认文本对齐方式是居中。
考虑以下代码：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
background-color: aliceblue;
}
.default_grid {
text-align: left;
width: 600px;
浏览 0提问于2012-07-04得票数 6
回答已采纳
1回答
我需要在图像中间垂直居中文本，但我使用的自定义字体有非常大的升序和降序(即字母的一部分非常突出)，因此垂直对齐并不适用于所有可能的字符。
例如，查看字符X和g之间对齐方式的差异
我知道这是因为字体的“基线”，而这不是我的问题所在。
我想知道是否可以使用字体的实际像素值来垂直对齐文本字符串，而不是依赖于“边界框”或容器的行高-例如，使用下面的绿色边界对齐：
因此，以上面的示例为例，单个字符X和g将完美地居中显示：
浏览 19提问于2017-08-25得票数 0
我有一个asp.net中继器，在IE7中居中，但在FF中左对齐。我想让它左对齐。我注意到在css中，如果我删除：
body {
text-align:center;
}
中继器在IE中左对齐。问题是，实际上整个网站左移too...this是不好的。我不想重写整个网站。
我把中继器放在一个带有id="nav“的分区里。我为nav添加了一个css：
#nav {
text-align:left !important;
}
然而，中继器仍然居中。所以我试着：
#menuRepeater
{
float:left;
text-align:left !important
浏览 0提问于2010-11-18得票数 0
回答已采纳
1回答
我正在尝试将一些符号垂直居中放置在一个框中。但是我不能让符号在OSX和窗口中都垂直对齐
下面是我用来演示问题的一个非常简单的示例
你会注意到X在windows中是垂直居中的，但在OS X上不是。如何解决这个问题？
浏览 0提问于2012-06-22得票数 3
回答已采纳
4回答
我正在创建一个英雄形象风格的横幅，在这里我想在图像的中间居中文本，但让文本的行被左对齐。
我有一个p，它包含两行内容，由一个br隔开。我希望这行的宽度是最大的内容量的宽度，而且这一行也要居中。下一行应该是左对齐的文本。
这个js小提琴展示了我到目前为止拥有的：
如您所见，p并不总是延伸到内容的宽度，而是将第一行分开。p应该是内容的宽度，直到br，并以这个宽度为中心。
CSS
.home-slider .home-slide {
position: relative;
}
.home-slider img {
width: 100%;
}
.home-slider p {
posit
浏览 7提问于2016-03-24得票数 0
回答已采纳
4回答
我正在使用以下代码居中对齐我的网页，
#parent{
margin:0 auto;
width: 960px;
}
<div id="parent">
<!--more code goes here-->
</div>
属性已移动到所有子div's，导致它们居中对齐。我不是一个CSS程序员，但我记得有一个技巧可以让父div元素只粘着父div。请帮帮忙。谢谢
浏览 0提问于2012-09-30得票数 0
经过几个小时的调试和杂乱无章的处理，我发现不可能在不同的浏览器上一致地将字体垂直对齐。如果字体的垂直度量值很差，它可能会被渲染得太高或太低，看起来很糟糕，尤其是在按钮内部。单独使用css是无法解决这个问题的。
您可以通过这个网站上的测试来检查字体的垂直度量： (只需下载一个测试并替换该字体)。
这就是我得到的结果。上面的测量标准很差，下面的指标是正确的：(两者都有固定的线高)
在其专家模式的生成器中为较差的垂直度量提供了一个修正。不幸的是，我必须使用的字体属于微软(SegoePrint)，并被列入了生成器的Fent松鼠黑名单。
更新：
把问题弄得更清楚。这就是我现在面临的情况：
我正
浏览 3提问于2015-11-10得票数 12
回答已采纳
3回答
所以我试着在css中做一个导航栏，但是当我把一个<a>的字体变大的时候，所有其他的字体都被弄乱了，而且没有垂直居中。我使用了inspect元素，我发现带有导航栏-right类的<a>标签的高度和它们的<ul>父标签的高度不一样，因此没有居中。
codepen：
有什么不需要使用bootstrap/javascript的解决方案吗？
HTML：
<ul class="nav" role="navigation">
<li class="nav-left"><a
浏览 0提问于2016-11-24得票数 0
4回答
我正在尝试居中一个带有span样式的段落类，其中span类具有不同大小的字体，并且导致我的段落类不能完全居中，因为它稍微向右偏了一点(我非常确定这就是原因)。这是我的HTML：
<p class="priceWrap"><span class="moneySign">$</span>60000.50</p>
下面是我的CSS：
.priceWrap {
text-align: center;
font-size: 20px;
.moneySign{
font-size: 14px;
vertical-align:
浏览 1提问于2013-08-03得票数 0
2回答
我有这个：.buttm{背景: url('')无重复居中黑色；宽度: 100px；文本对齐:居中；颜色：#f5c324；字体大小: 18px；边距:0自动；边框: 0px；}
但我想让宽度在60和100之间，这取决于视屏。当我使用百分比时，它不会调整图像的大小，而且我还需要文本变小一点。不知道该怎么办？谢谢
浏览 0提问于2017-10-12得票数 0
3回答
我希望在同一行中有两个文本块，其中字体较大的文本垂直对齐中间，字体较小的文本与字体较大的文本基线相同。看看我的小提琴，那里的大文本是按需要居中的。虽然较小的文本也是居中的，但我希望它低一点，这样它就像两个文本块在同一条“线”上。
HTML：
<div class="my-table">
<div class="my-cell">
<span class="large-text">Large text</span>
</div>
<div
浏览 5提问于2017-04-13得票数 2
回答已采纳
我试图通过外观代理定制UISearchBar的字体。它工作，但不知何故，占位符文本不是垂直居中。我试图设置垂直对齐属性；占位符文本将居中，但输入的文本略低于中线.有办法解决这个问题吗？
编辑:我用来添加自定义字体的代码：
[[UITextField appearanceWhenContainedIn: [UISearchBar class], nil]
setFont: [UIFont customFontWithSize: 17]];
浏览 2提问于2013-04-11得票数 14
1回答
重心不适用于梵文字体
、、、
我被要求使用居中对齐的梵文字体。我可以使用以下代码显示梵文字体，但文本不在屏幕上居中。
TextView tv = new TextView(this);
tv.setGravity(Gravity.CENTER_HORIZONTAL| Gravity.CENTER_VERTICAL);
Typeface font = Typeface.createFromAsset(getAssets(), "mangal.ttf");
tv.setTypeface(font);
tv.setText(R.string.string1);
浏览 1提问于2012-12-22得票数 1
1回答
我正在制作一个WPF应用程序，并且我有一个包含"X"的button。默认情况下，字体大小为12，文本居中，但我一增加字体大小，对齐方式就会下降。我不能理解。 字体大小为12的居中文本： ? 字体大小为24的偏离中心文本 ? 我的代码： <StackPanel Grid.Row="0" Orientation="Horizontal">
<Button Content="-" Foreground="White" Margin="756,8,8,0" Hei
浏览 24提问于2019-05-21得票数 2
我想在导航栏中居中对齐Xamarin form-Android。还想更改字体大小和字体系列。我尝试过，但没有为PCL工作。
任何人都有办法解决这个问题。
浏览 11提问于2017-06-30得票数 1
3回答
实际上，我想知道如何正确地将按钮中的文本居中。我使用的是一种自定义字体，无论我做什么，它都不会使我的文本在按钮内居中。 我已经发现，对于标准字体(我猜是它的Roboto)，它也不能完美地居中对齐，但这在这一点上并不是很烦人。 下面是我的代码： RaisedButton(
onPressed: () {},
child: Text("LOG IN"),
), 下面是它对我的自定义字体产生的结果： ? 这里是标准的Roboto： ? 非常感谢!
浏览 41提问于2020-04-13得票数 0
回答已采纳
2回答
有没有办法在级联中获得给定文本和固定宽度的字体大小？
我正在尝试：
TextField{
autoFit: TextAutoFit.FitToBounds
}
但文本始终左对齐。该要求是居中对齐文本与可变字体大小标签渲染在固定矩形。
浏览 0提问于2013-07-15得票数 2
1回答
我最近开始更多地使用p5.js，并注意到当我使用textAlign()函数将文本居中时，它的偏移量高于我在调用text()时指定的坐标。它的偏移量在不同的字体大小之间似乎是恒定的，大约是在我输入的y坐标之上的fontSize()/12。 这方面的一个例子可以在this p5.js sketch中看到，它显示了默认的在左边居中，文本在右边被fontSize()/12偏移，使它以不同的文本大小适当地居中。 有没有一种方法可以解决这个问题，让所有文本正确对齐，而不必在每次调用文本时指定我希望文本向下移动到适当居中所需的像素量？有没有一种方法可以修改text函数来内置这个功能？ (编辑:我能够通过用
浏览 28提问于2021-06-29得票数 0
7回答
我们有一些通过jQuery垂直居中对齐的图像。我们希望发生的事情是在$(document).ready上隐藏未对齐的图像(即不居中)，然后在window.onload上运行居中功能，然后显示之后的图像。
当页面加载时，图像会立即隐藏在Firefox和Chrome上。但在IE8中，有一小段时间，它仍然会在隐藏图像之前显示未对齐的图像。
有没有办法让IE8更快/更快地隐藏它们？代码如下：
<script language="javascript" type="text/javascript">
$(document).ready(function() {
浏览 2提问于2011-08-29得票数 3
回答已采纳
5回答
我想把我的textarea的占位符文本居中。下面的代码在Chrome和IE中运行良好，但在Safari中是左对齐的：
::-webkit-input-placeholder {
text-align:center;
}
:-moz-placeholder {
text-align:center;
}
如何让它在Safari中居中(最好只使用CSS)？
浏览 0提问于2012-07-13得票数 4
回答已采纳
我有一个网上相册。缩略图页面是一个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
回答已采纳
这是我的
<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
回答已采纳
1回答
我修改了引导进度条的高度，您可以在以下链接中看到：
我要做的是让文本垂直居中。我尝试添加属性：
vertical-align:middle
但它不起作用。我还想增加包含进度条的文本的字体大小，添加：
font-size:30px;
正如您将在de fiddle中看到的，它也不起作用。任何想法或建议都将不胜感激。
浏览 1提问于2013-04-25得票数 6
回答已采纳
我正在尝试创建一个带有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
3回答
我正在尝试让我的文本在一些svg中对齐。这怎麽可能？css：
text-align:justify
不起作用，
我发现的仅仅是：
text-anchor="middle";text-anchor="start";text-anchor="end"
但这只是左对齐、右对齐或居中对齐，而不是从左到右对齐。
有什么解决方案吗？
这是一个活生生的例子(用Chrome检查一下)：
谢谢
浏览 1提问于2016-03-01得票数 3
我正在尝试创建一个带有徽标和链接的nav。我希望徽标始终保持在相同的位置，垂直居中的左侧，但我希望链接项目的变化取决于屏幕的大小。
在小屏幕上，我想要小字体，链接右对齐2.在中等屏幕上，我想要中等字体大小，链接在大屏幕上居中对齐，我想要大字体，链接在中心对齐
理想情况下，我希望更改发生在文本即将命中徽标的时候。
到我想像的地方。
浏览 57提问于2019-05-30得票数 -1
我已经创建了一个Jasper报告来显示从DB检索的文本。文本为HTML格式。在PDF中显示时，我需要设置文本的样式并对齐。这是一个来自DB的示例HTML文本
<html>
<p><b>This is Bold text</b></p>
<p> This is a paragraph whith indent</p>
<p>This is a paragra with no indent</p>
<p><center>This text should be cen
浏览 2提问于2015-12-08得票数 3
回答已采纳
所以我的问题听起来很平淡，但很烦人。当我单击css手风琴中的css图标时，我必须单击字母URL，以便将链接复制到剪贴板中。到目前为止，代码运行良好。
但是，当我点击css图标的白色边框(所以在URL字母的上方和下面)时，我希望整个事情都能正常工作。
我需要更改什么才能包含整个css图标才能成为JS onclick过程的一部分？
正文{
字体大小:21；
字体-家庭:塔霍马，日内瓦，无衬线；
最大宽度:550 max；
页边距:0自动；
背景颜色:黑色；
}
输入{
展示:无；
}
标签{
显示:块；
填充物:8px22px；
边缘:0 0 1px0；
光标:指针；
背景：#18
浏览 13提问于2022-06-13得票数 1
回答已采纳
1回答
我使用的是上的FPDF WriteHTML()扩展。居中效果很好。但是，当我包含一个下划线标签时，PDF会显示与开始和结束标签重合的换行符。当我输入的时候
$this->WriteHTML("<p align='center'>IN THE CIRCUIT COURT OF THE <u>$CircuitCourtNumber</u> JUDICIAL CIRCUIT, IN AND FOR _______________________ COUNTY FLORIDA,</p>");
PDF输出在三行上。
浏览 2提问于2020-08-14得票数 0
我正在尝试让我的WordPress站点上的菜单居中对齐。
我尝试了很多方法，包括取出float: left；CSS条目，但都不起作用。
有人能帮帮我吗？
非常感谢!
浏览 1提问于2011-06-16得票数 1
回答已采纳
3回答
就一个简单的。我有3个字体可怕的图标，我正在使用的联系按钮在我的网页上。它们垂直对齐，并在容器div中居中。我还在每个图标旁边有文本，这会导致图标和文本都在页面上居中。我要做的是竖直地对图标进行居中，并让文字单独跟着。我相信我可以将图标包装在一个容器中，然后将所有相应的文本放在另一个容器中，但我意识到这在我的CSS中看起来会很混乱。肯定有一个简单的答案，我没有意识到。如果您不明白我正在做什么，请查看下面的代码片段。谢谢你的反馈。
<section class="contact-main">
<div class="container">
浏览 0提问于2018-02-28得票数 0
回答已采纳
2回答
水平行内对齐
、、
我在一个名为mission的部分id中分配了一个h2和p元素。你可以在这里查看详细的代码，我经常遇到在水平方向上对齐两个元素的问题。相反，他们开始垂直对齐，高度是45px，我想要h2元素，即任务在段id任务的45px高度垂直居中对齐，p id也在45px高度垂直居中对齐。h2和p彼此水平对齐。我还看到p有一些粗体，但我没有给它加粗，在这种情况下，它是否继承了前一个id的字体粗细？提前感谢您的帮助。
浏览 1提问于2011-07-30得票数 0
回答已采纳
我试图在父容器中对齐子元素。下面是我的代码片段。这只是让它工作的基础：
// HTML //
<div class="parent">
<div>Parent</div>
<div class="child"></div>
</div>
// CSS //
.parent { position: relative; }
.child {
position: absolute;
margin: auto;
height: 60px;
w
浏览 1提问于2015-05-12得票数 3
1回答
我在我的二级菜单中有4个字体--很棒的图标。
我正在尝试让社交图标居中对齐。我已经将它们分别添加到Wordpress的菜单中，作为自定义链接，如下所示：
我已经在Wordpress菜单选项中的社交图标中添加了一个类，叫做'socialiconmenu‘。
我在我的CSS中瞄准了这个类，试图将它放在中心位置，如下所示：
.socialiconmenu {
width: 2.5vw;
height: 4vh;
background: #42187b;
text-align: center;
font-size: 20px;
line-height: 20px;
margin: 5p
浏览 0提问于2019-08-26得票数 0
我需要在跨设备和浏览器的选择列表中居中文本。这不能用文本居中对齐来完成，所以我使用javascript来计算所需的文本缩进值并应用它。这个小提琴显示了一切正常运行：
我不能把我的实际代码放在网上。它在桌面浏览器、iPhone、iPad和安卓上运行良好，但在黑莓上看起来文本缩进不够。我不知道为什么会发生这种情况，没有firebug类型的工具我也不知道如何解决这个问题。谢谢
浏览 1提问于2012-05-29得票数 0
回答已采纳
1回答
关于苹果未能为UILabel提供垂直对齐API，这里有，但实际的垂直对齐是如何工作的呢？是字符串的边界框(参见sizeWithFont)居中？或者字体的x高度(或者大写高度？)，这样基线就会保持不变，而不管升序和降序？不然呢？
浏览 0提问于2011-04-02得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
