在div中垂直对齐项目和文本
可以使用CSS的flexbox布局或者grid布局来实现。
- 使用flexbox布局：
- 概念：Flexbox是一种用于页面布局的CSS3模块，它提供了一种灵活的方式来排列、对齐和分布元素。
- 分类：Flexbox布局可以分为容器属性和项目属性两部分。
- 优势：Flexbox布局具有简单易用、适应性强、响应式布局、垂直居中等优势。
- 应用场景：适用于需要垂直对齐项目和文本的布局，如导航栏、列表、表格等。
- 推荐的腾讯云相关产品：腾讯云CDN加速服务，详情请参考腾讯云CDN加速服务
- 使用grid布局：
- 概念：Grid布局是一种二维布局系统，通过将容器划分为行和列来实现对齐和布局。
- 分类：Grid布局可以分为容器属性和项目属性两部分。
- 优势：Grid布局具有灵活性高、适应性强、响应式布局、垂直居中等优势。
- 应用场景：适用于需要复杂布局和对齐的页面，如网格布局、平铺布局等。
- 推荐的腾讯云相关产品：腾讯云云服务器CVM，详情请参考腾讯云云服务器CVM
以上是在div中垂直对齐项目和文本的解决方案，使用flexbox布局或grid布局可以轻松实现垂直对齐的效果。
相关·内容
我想创建一个(无编号或有项目符号的)项目列表，其中每个项目都有一些与图像相邻的文本。重要的是，文本要垂直对齐到图像的中心，并且要有足够的顶部和底部填充，这样每一对文本和图像都不会垂直重叠。我试着使用这样的东西：
img.floatRight { float: right; margin-bottom: 2px; border: 0px; vertical-align: text-middle}
.myitem { font-size: 12pt; margin-bottom: 50px; margin-top: 130px; vertical-align: middle}
在HTML页面正文中
浏览 0提问于2010-02-15得票数 0
回答已采纳
我有一个蓝色的盒子在一页，是100 px从顶部和左边。然后我希望蓝色框中的文本垂直对齐。为什么我下面的代码不能垂直对齐文本？
<!DOCTYPE html>
<html>
<body>
<div style="height:200px; background:blue; display:table-cell; vertical-align:middle; color:white;position:absolute; top:100px; left:100px;">
浏览 3提问于2012-12-14得票数 5
回答已采纳
2回答
因此，我尝试在父div中垂直对齐和水平对齐文本框跨度，问题是它可以很好地对齐或对齐，而不是两者都对齐。如果它是单行文本，它可以工作，但如果它是一个很长的段落，需要多行的父div，它不会垂直对齐。 .objprevicnt {
position: absolute;
margin: 0;
top: 50%;
left: 50%;
width:inherit;
height:50px;
transform: translate(-50%, -50%);
} 此外，我还动态地更改文本 document.getElementById("myid").innerHTML = '
浏览 36提问于2021-03-01得票数 -1
回答已采纳
2回答
在HTML中，我有两个元素，一个带有文本，另一个包含几个按钮。
我不想在中间接触，我想让它们与左边和右边的边距对齐。因此，我希望我的文本对齐左边距，我的按钮对齐右边距，，而不失去它们的垂直对齐像一样。
我也恰巧使用了Bootstrap 3。
当我使用pull-left/pull-right、float:left/float:right或align="left"/align="right"时，这两个元素的垂直对齐方式会发生变化。
成对的向下代码本质上如下所示：
<div style="width:200px;height:100px"
浏览 0提问于2017-05-02得票数 0
2回答
[jsfiddle.net/c8q17Lu4/][1]
你好,
我可能很难解决这个问题。我需要垂直对齐‘#头-右-b-标题’橙色div在蓝色的#标题-右b‘div，也垂直对齐在橙色div中的文本。
我尝试了垂直对齐和显示作为内联块规则，以及其他一些，但不明白为什么它不工作。有人能帮忙吗？
浏览 5提问于2015-03-14得票数 0
回答已采纳
我正在尝试这样做： ? 蓝色是桌面版，红色是移动版。 有3个文本，每个文本容器的长度不应该是父级的，而是文本的宽度(和填充)。 桌面和移动设备的垂直和水平对齐方式不同。 对于桌面，3个文本应该左对齐，垂直居中对齐。对于移动设备，它们应该水平居中，而不是垂直居中。 Here is my code (我使用顺风)： <div className={`w-full h-full ${isMobile ? "bg-red-500" : "bg-blue-400"}`}>
<div
className={`fixed flex fl
浏览 23提问于2021-03-27得票数 1
回答已采纳
我希望在段落的一侧有按钮，与该段中的元素垂直对齐：
<div style="width:20%">
This is an example text. This is an example text. This is an example text. This is
an example text. This is an <span>A</span> <button>Aligned with A</button> example text. This is an example text.
This is
浏览 0提问于2018-07-17得票数 0
回答已采纳
2回答
请参阅下列代码：
<div class="d-flex">
<h1>Hello World</h1>
<p class="ms-auto small">Stupid Text</p>
</div>
<hr class="my-0">
我试图使“愚蠢的文本”垂直对齐在底部靠近线，我尝试过“对齐-项目-底部”，“对齐-底部”，“对齐-文本-底部”，但它只是没有移动。
知道如何使用引导5方式或css方式修复此问题吗？
谢谢。
浏览 4提问于2021-09-07得票数 0
回答已采纳
3回答
我在<td>中有两个元素，一个<div>和一些文本。我想把<div>对齐到<td>的顶部，文本对齐到中间，我该怎么做呢？
编辑:应垂直顶部对齐，而不是div内的文本。
浏览 1提问于2010-09-08得票数 1
回答已采纳
3回答
使用css技巧垂直居中对齐
、、、、
我发现了关于如何使用css垂直对齐的不同建议。然而，这些都不能处理我想要的。这是我想要的：
一般来说，我有一些文本应该填满一些空间的左半部分，图片应该在空间的右半部分。
如果文本的高度小于图片的高度，则文本和图片都应在空间顶部垂直对齐：
TextTextText PicturePicture
TextTextText PicturePicture
PicturePicture
如果文本的高度大于图片的高度，则文本应与文本垂直对齐，图片应与文本垂直对齐。
TextTextText
TextTextText PicturePicture
TextTextT
浏览 7提问于2013-01-16得票数 0
回答已采纳
我有以下简化的HTML代码：
还有CSS代码：
.button {文本对齐:中心；垂直对齐:中间；背景图像: url(button.png)；宽度:120 url；高度:60 url；显示:表格单元格；}
#btback {边距:10汽车10汽车；}
基本上，在div中，有一个标题和一个图片，下面是一个按钮。button.png是没有任何文本的按钮背景图像。因此，我水平和垂直对齐以上的按钮背景文本。
第一个问题是，按钮不能在中心水平对齐。如果我不使用display: table-cell，它可以在中间对齐，但文本不是垂直对齐的。
第二个问题是，可以单击按钮div的整个水平区域(边缘区域)
浏览 3提问于2011-11-25得票数 0
回答已采纳
我正在努力解决CSS的放置问题。 对于一个项目，我使用clipboard.js复制p标记的内容。 在div中，我把文本放在左边，右边有一个按钮，上面有一个用来复制文本的图标。文本的大小是动态的，如果文本超过div的长度，我会将其剪切。 我正在寻找一个:1-垂直对齐文本(如果文本太长，在几行上)2-将按钮放在右边，左边留出空白处。3-按钮垂直居中 我设法使用display: inline-block属性将文本和按钮放在一行上，但按钮和文本都没有垂直居中。 下面是我的代码：https://jsfiddle.net/n70jrymp/
浏览 19提问于2020-11-28得票数 2
回答已采纳
2回答
div有3-4行文字，左边底部有图像和分页.就像这样。
图像垂直对齐:中间，文本垂直对齐:此背景堆栈图像左侧底部的中、小分页文本。
.image {
position: relative;
width: 100%; /* for IE 6 */
}
div {
position: absolute;
top: 200px;
left: 0;
width: 100%;
}
浏览 3提问于2017-02-15得票数 0
回答已采纳
2回答
将垂直文本与上述条对齐。
、、、
我有一个条形图，那里的条形图是垂直的。底部的文本也是垂直的，我想将垂直文本与上面的条形对齐，这样文本就与条形图对齐了。
HTML
<div class="progress-bars vertical-bars flat">
<div class="progress-bar">
<div class="progress-track">
<div class="progress-fill">
<span class="percenta
浏览 3提问于2016-02-16得票数 4
回答已采纳
2回答
当我删除div.content:before选择器中的垂直对齐时，文本会下拉，不能完全显示，那么伪类是做什么的，为什么这样做呢？PS:是否有其他方式来实现像演示显示，即对齐的文本在中间和文字将开始在一个新的行，如果它太长。
下面是演示：
html：
<div class="wrapper">
<div class="content">
<span>Mix Color Lace Dress</span>
</div>
</div>
css
浏览 4提问于2014-01-28得票数 0
回答已采纳
我有一个有一定宽度和高度的div。在那个div中，我也有一个文本。我想要将文本对齐到中间(水平)和中间(垂直)。但是div也需要一个position: absolute。所以它可以被放置在另一个div里面。
但是由于absolute，文本不再垂直对齐。
这就是我所拥有的：
<div style="z-index:20;
position: absolute;
border: 1px dotted #16232d;
width: 300px;
height: 200px;
line-height: 200px;
top:88px; l
浏览 2提问于2014-08-25得票数 0
回答已采纳
我能够垂直对齐在span(这是在div内)，但我需要我的页面独立于屏幕分辨率。已使用线高度功能，以遏制我的文本从div当我改变resolution..but时，我看到它没有垂直对齐为中间的所有分辨率。我应该研究css中的哪些特性？
<div>
<span style="width:49%; height:50%; top:25%; left:0%; line-height:50%;font-size:x-small;font-family:Verdana;font-weight:bold; position:absolute; display:block;"
浏览 2提问于2014-08-23得票数 0
回答已采纳
3回答
我需要创建布局(下面的布局图像链接)
我想有垂直对齐的DIV框，以及图像和文本的空间。
顶部我想要的DIV框有在左边的文本字段和左边的图像。
我想把边栏分成两部分，顶部和底部
底部我想有2个div框并排垂直对齐与左侧的图像和右手边的文本
DIV框的高度应根据文本输入进行扩展，如果有更多的文本行(例如:在顶部的DIV框中)，则应向下按下两个并排的DIV。
2x2并排的div框也是如此。
此外，我应该能够添加在底部的2x2 div框根据我的要求
请帮助我创建这个布局。
浏览 5提问于2016-05-26得票数 0
我有一个5列的表，所有的列都是垂直对齐的:中间。前4列仅由在单元格中间垂直对齐的文本组成。前四列格式很好；但是，最后一个单元格由两个div组成。第一个是向左浮动的文本，第二个是向右浮动的按钮。下面是最后一个单元格的html：
<td>
<div style="float:left; width:50%">
Text Not In Middle Of Cell
</div>
<div style="float:right; width:50%"
浏览 0提问于2017-07-25得票数 1
回答已采纳
2回答
我想更深入地了解直线高度是如何工作的，特别是在固定高度元素中垂直对齐文本。在下面的示例链接中，您可以看到，将行高设置为等于容器的高度将对项目进行居中，只要项目都是相同大小的。当你放置两种不同大小的跨度，那么较大的一个将是居中的，而另一个则不会。我无法解释这一点，因为大元素和小元素都是分开工作的。如何实现大跨度和小跨度的中心(使用线的高度)？(为什么这种行为首先会发生？)
.header {
background: grey;
width: 100%;
height: 65px;
}
.big, .small {
line-height: 65px;
}
.b
浏览 2提问于2015-05-27得票数 0
回答已采纳
2回答
我试图垂直对齐div与柔性盒，通过使用对齐内容:中心.它在Firefox和IE中运行良好，但在Chrome中不垂直对齐。在Chrome中，div保持在顶部。
<div class="products-wrapper">
<div class="product">
<img src="images/temporary.jpg" alt="Temporary">
<h3>Title</h3>
<p&
浏览 0提问于2018-04-22得票数 2
回答已采纳
我希望将按钮与文本字段对齐在同一行上。项目对齐已设置为Alignment.CENTER，但正如您从图像中看到的那样，由于TextFields顶部的标签，它们的垂直中心较低。 HorizontalLayout horizontalLayout = new HorizontalLayout();
horizontalLayout.setAlignItems(FlexComponent.Alignment.CENTER);
Div div = new Div(buttonAddPriceRange);
horizontalLayout.add(spanneVon,
浏览 27提问于2021-05-08得票数 3
回答已采纳
2回答
试图正确地对齐文本和圆圈
、、、、
努力达到标准：
将文本放在圆圈的左边，垂直对齐；将圆圈与文本垂直对齐；右边的圆圈与文本保持一致；圆圈本身也有文本/数字。
我正试图用数字编码示例文本和圆圈，以显示我在下面的图像中的内容。不过，我不明白这几点：
下面是我目前的代码：
#feedbox-left {
margin-left: 2vh;
margin-top: 5vh;
width: 19vw;
height: 80vh;
background: transparent;
border: 1px solid black;
border-radius: 1%;
}
.fb-hr
浏览 1提问于2020-12-08得票数 0
回答已采纳
我想在点击一个按钮时垂直对齐div中的文本。
我使用的是php和jquery框架库。
这就是我想问的：
例如："myname is xyz“(法线对齐)
垂直对齐
Ex:
m
y
n
a
m
e
....
请指点一下。
浏览 0提问于2013-06-22得票数 2
回答已采纳
在CSS中是否有一种方法可以告诉内联网格在哪一行的基线上应该垂直对齐？它似乎是一个带有垂直对齐的内联网格容器:基线；使用第一个单元格的基线。但我想使用另一个单元格(或行)的基线。这个是可能的吗？
下面的代码和图像显示了我所拥有的和我想要的。
.grid{
display: inline-grid;
grid-template-columns: auto auto auto;
grid-template-rows: auto auto auto;
grid-gap: 20px;
align-items: baseline;
border: 1px solid blue;
pad
浏览 0提问于2018-07-25得票数 5
2回答
我是一个HTML/CSS新手和垂直对齐的元素在侧div是让我疯狂。基本上，我有一个包含文本和图像混合的div，我所要做的就是垂直对齐ediv中间的元素。
根据
内联元素(并且只有内联元素)可以通过垂直对齐:中间在上下文中垂直对齐。但是，“上下文”不是整个父容器的高度，而是它们所在的文本行的高度。
因此，我创建了一个SPAN并设置了diplay: inline，但是没有什么工作：
<div id="main_section" class="main_align" >
<span class="inline">
浏览 3提问于2013-05-10得票数 4
回答已采纳
3回答
我试图让我的文本元素在一个更大的div中垂直居中，这个div是蓝色的。我特别定义了高度和对齐，如下所示：
vertical-align: top; //middle actually puts it even lower
height: 83px; //the same as the larger area
但是，我不能让它在蓝色框的中心垂直对齐。任何帮助都将不胜感激！
浏览 0提问于2016-01-21得票数 0
我已经找到了多个帖子，用于对齐图片旁边的文本，它可以工作，但同时它不起作用。当gmail呈现html代码时，它会完美地呈现它。当outlook呈现html代码时，垂直对齐将关闭。
我可以得到一些建议，如何获得文本和图像垂直对齐在gmail和outlook。
<td>
<div>
<img src="..." style="height:24px; width:33px; vertical-align:middle;" />
<span>Test</span>
浏览 1提问于2019-08-09得票数 0
回答已采纳
我知道我可能漏掉了什么。我试图对齐md图标和一些文字垂直，现在的单词“样本文本”显示在图标下面。
<div>
<md-icon>home</md-icon> Sample Text
</div>
输出：
我确实试着用span在示例文本上玩垂直对齐，但是没有任何效果，而且感觉有点烦人。
有人知道如何获得这种效果吗？
浏览 6提问于2017-08-28得票数 29
回答已采纳
2回答
线高在不同的浏览器上工作不正确。
、、、、
我用height:22px;和line-height:22px;创建了一个height:22px;和line-height:22px;来垂直地对文本进行居中。
还有一个带有<input>的height:22px; (输入中的文本自动对齐)。
我注意到垂直对齐在某些浏览器中是不正确的，特别是在移动环境下。
除了直线高度之外，还有一种选择属性可以垂直地居中文本？
以及如何在输入框中正确地对齐文本？
.myinput{
width: 50px;
height: 22px;
font-size: 9px;
font-family: Arial;
text-align
浏览 6提问于2017-12-11得票数 1
回答已采纳
我试图通过设置与div高度相等的行高来垂直对齐div中的一些文本。当div中只有文本时，以及在div中有一个小图像时，这是很好的工作方式。但出于某种原因，当div中有一个超过一定大小的图像时，它开始向下推文本。，我是为了演示它而做的。
小提琴里有4个div，它们都有height: 40px和line-height:40px。唯一的区别是，第二、第三和第四台电视机也有大小分别为小、中、大的图像：
.small{height:20px;}
.medium{height:30px;}
.large{height:40px;}
那么，为什么第三张第四张图像会扰乱垂直排列呢？
浏览 3提问于2016-01-28得票数 0
回答已采纳
我知道如何在div内垂直对齐文本，但是如果div有一个百分比的高度和宽度，我不知道该如何做。这是我的代码：
<div id="header">
<h1>Home</h1>
</div>
#header {
background-color: red;
color: white;
text-align: center;
vertical-align: middle;
width: 100%;
浏览 4提问于2014-08-28得票数 4
回答已采纳
1回答
我正在努力添加下拉菜单到我的网站()从灰色按钮在页面顶部。我已经很好地使用HTML和CSS列表(下面的代码)，但我无法弄清楚如何在下拉列表中垂直对齐文本。
现在对齐是很好的
元素占2行，但对于1行元素，它们与顶部对齐。
我尝试了安装div和添加垂直对齐:中间到CSS，但没有明显的变化。
HTML：
浏览 3提问于2013-07-19得票数 1
<div class="bordered" style="height: 300px; text-align: center">
<div class="bordered inline-blocked" style="height: 100px; vertical-align: middle">XXX</div>
<div class="bordered inline-blocked" style="height: 200px;
浏览 4提问于2012-07-13得票数 2
我正在尝试找出一种在div中垂直居中无序列表的方法。我发现有很多方法可以做到这一点，但是ul标记中的li标记包含从数据库获取文本的PHP代码，这会导致li标记中文本的长度发生显著变化，从而在具有固定高度和宽度的div中进行垂直筛选。
我怎样才能垂直放置我的无序列表，使它在这个div中总是垂直对齐？
浏览 2提问于2012-01-05得票数 7
6回答
左、中、右对齐同一行底部的div
、、、、
我想在同一行上显示三个div。这三个字符都有不同的宽度和高度，而且它们都不是直线文本。我想左对齐一个(一直到左)，右对齐另一个(一直到右)，第三个居中(在包含div的中间，在这个例子中是整个页面)。
此外，我希望三个div垂直对齐到包含div的底部。我的解决方案将它们垂直对齐到包含div的顶部。
处理这个问题的最好方法是什么？
浏览 2提问于2011-02-16得票数 18
回答已采纳
我有一个流体布局的div，我需要保持高宽比1:1。在这个div中，我有时有文本，有时有图像，有时两者都有。
文本需要垂直对齐。
图像需要垂直对齐，适合在div内，并保持它自己的纵横比。
我已经实现了以上的大部分，我唯一的问题是，我不能得到的图像垂直对齐和不超过大小的div在同一时间。
这保持了1:1的div比率。
#upload-drop{
background-color: #e6e6e6;
position: relative;
}
#upload-drop:before{
content: "";
display: block;
浏览 3提问于2015-03-26得票数 0
1回答
我有一个CSS和HTML相关的问题。我有一个主要的div，它有一个背景颜色，应该是可见的。在其中，我有一个包含多个较小div的包装器。这些孩子中只有一个一次可以放入更大的div中，但我希望其他孩子在它旁边与滚动条垂直对齐，这样我就可以在div之间滚动。我不想让我的主div之外的div可见并扩展站点。
我试着让它们向左浮动，但它们只在彼此下面对齐。即使我将包装器div设置为auto。但如果我设置一个适合所有较小div(即7000px)的特定宽度，它们将垂直对齐。但即使是那些被推到外面的人，如果“主”div是可见的，那么网站就会被拉长。
那么，这是可能的吗？这就像你对文本所做的那样，当你只想把它放
浏览 0提问于2013-01-04得票数 1
回答已采纳
当div大小在HTML中增加和减少时，我希望文本位于div的中心。我要垂直中心对齐。
浏览 4提问于2016-05-11得票数 1
回答已采纳
1回答
我尝试在表格单元格内垂直对齐文本和图像元素。我使用的是align="absmiddle"，它可以在IE中使用，但不能在Chrome中使用。
如何在Chrome和IE中将文本和图像垂直对齐？
代码如下：
<tr>
<td height="17" bgcolor="#550000">
<div align="center">
<strong><font color="#000000" size="3"&
浏览 0提问于2012-05-14得票数 0
我的目标是垂直对齐父div的子p。目前，我使用Flexbox。但它会阻止我修改文本对齐。
我的预期结果是:文本是垂直对齐的，并且可以与文本对齐。
我的实际结果是:文本是垂直对齐的，但不能与文本对齐。
body {
background-color: silver;
}
div {
background-color: white;
}
header, nav, section, article, aside, footer {
background-color: white;
padding: 10px;
border: solid;
}
.text-center {
浏览 25提问于2021-05-12得票数 0
回答已采纳
以下是QML文本。当我给图像指定宽度和高度时，它并不与文本垂直对齐。但是没有指定高度和宽度，两者都是垂直对齐的。
Text
{
text: '<p> <div> <h2>Hello</h2> <img style="vertical-align: middle" ; src="image.png" width="30" height="30" > </div></p>'
textFormat : Text.RichTe
浏览 0提问于2020-07-31得票数 0
2回答
我试图在网格单元格中垂直和正确地对齐文本，但是
如果我用“文本对齐:对”的话，它是有效的.(第一个例子)
如果我使用“显示:flex”和“对齐-项目:中心”，它可以工作.(第二个例子)
如果我同时使用它们，“文本对齐:对”就会停止工作？(第三个例子)
我怎样才能对齐居中的文本请和感谢。
.container {
display: grid;
grid-template-columns: 150px auto;
}
.A {
background-color: cyan;
display: flex;
align-items: center;
}
.B {
bac
浏览 0提问于2019-01-07得票数 0
回答已采纳
3回答
在div中将文本垂直居中
、、、
我试图在div中显示id为'london‘的文本“I’m an iOS Engineer & Web Developer from London，UK”。然而，我正在努力寻找一种好的方法来做到这一点。水平对齐很简单，因为我只需要设置'london‘div的text-align属性。但是，在尝试垂直对齐时，我无法设置width和height属性，这意味着我不能使用margin: 0 auto;垂直对齐文本，因为我使用的是span元素。
你能告诉我完成这个任务的最好方法吗？
这是一个我目前拥有的JSFiddle：。
浏览 0提问于2013-02-16得票数 2
回答已采纳
我有以下HTML，它是一行菜单项的列表：
<ul>
<li>Item 1</li>
<li>
<div class="btn-group">
<a type="button" class="btn btn-default" data-toggle="dropdown">Item 2</a>
<ul class="dropdown-menu" role=&#
浏览 1提问于2014-09-19得票数 2
回答已采纳
2回答
我尝试在我的hyprid应用程序(ionic)中使用line-height将一些项目垂直居中对齐
我基本上是怎么做的：
.wrapper {
height: 35px;
}
.item {
background: lightgreen;
float: left;
height: 100%;
}
.item span {
line-height:35px;
}
<div class="wrapper">
<div class="item">
<span class
浏览 4提问于2015-09-11得票数 1
我正在尝试使用Bootstrap 3在按钮内垂直对齐一个离子图标和文本。
我希望文本垂直对齐到按钮的中心，图标也垂直对齐。
默认设置似乎是使用图标和文本的最低点对齐。
我的HTML是：
<div class="col-xs-4 text-right">
<a href="/signout" class="btn btn-xs btn-danger sign-out">
<i class="ion-power ion-fw"></i>
<span c
浏览 4提问于2016-04-27得票数 0
我不是css样式的专家。任何人可以帮助以下垂直对齐文本顶部。
我的angular模板中有以下内容：
<div class="validation-error-section">
<i class="icon-md error-rd"></i>
<t-error [Text]="ERROR_MSG_UPLOAD_FAILED"></t-error>
浏览 0提问于2021-05-12得票数 0
3回答
我有这个html：
<div id="workAllocated">
<h3>Work Allocated</h3>
<p>Lorem Ipsum</p>
<p>Lorem Ipsum</p>
</div>
和以下CSS：
div#contentarea.profile_edit div {
margin-bottom: 20px;
}
div#contentarea.profile_edit div.col_01 h3 {
font-
浏览 0提问于2013-05-08得票数 0
回答已采纳
1回答
演示：
我试着做一个像这样的通知图标：
它是一个带有背景图像的div，上面有文本，所以HTML只是：
<div id="notification">
123
</div>
FF和Chrome的文本有两个不同之处：
我已经将字体设置为15 Firefox粗体，但在火狐中它看起来比Chrome“大胆”。如何使这种一致性一致呢？--我设置了text-align: center，并使用text-indent: -1px修复了水平对齐，并在垂直对齐正确之前对line-height进行了修改。然而，在Firefox中，水平和垂直对齐都是关闭的。如何使缩
浏览 4提问于2011-08-23得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
