1回答
我有这个简单的CSS代码：
div {
width:100px;
height:100px;
border:1px solid #000000;
display:inline-block;
margin:0 auto;
text-align:center;
}
这段HTML代码如下：
<div>
</div>
<div>
</div>
我很难尝试用inline-block在屏幕上水平居中这两个DIVs。margin auto和text-align center都不工作。
浏览 1提问于2014-09-14得票数 0
1回答
我有一些单选按钮，我需要居中对齐，他们是。唯一的问题是左侧的按钮现在不是统一的。如下图所示：
我该如何让它们居中，同时使它们对齐？
我使用text-align: center;将所有内容居中。
这是我的HTML：
<div class="select clearfix">
<div id="product-select" name="id">
<input type="radio" value="273138236" name="product"&
浏览 2提问于2013-02-24得票数 0
回答已采纳
2回答
我试图理解文本对齐，但它似乎根据应用于哪种类型的元素以及从何处应用，无论是父元素还是子元素，都有不同的规则。
据我所知，如果我将文本对齐:center应用于div，那么所有包含的元素都将具有文本对齐:center属性。
如果我应用文本对齐:居中于内联元素(如图像)，什么也不会发生，因为图像没有作为元素一部分的周围空间。我有这段代码，我不知道为什么它的行为是这样的。我试图实现的只是简单地在标题标记中水平地对图像进行居中，并以这样的方式实现：
body {
margin: 0;
}
header {
background-color: black;
height: 100px;
浏览 1提问于2022-09-21得票数 -1
有人知道为什么text-align: center和text-align:-webkit-center有区别吗？例如，如果您有：
<section>
<h1>Title<h1>
<div class="image"></div>
</section>
// CSS与文本对齐:居中；
section{
text-align: center;
}
这将仅使文本居中
// CSS with text-align：-webkit-center
section{
text-align: -webkit-ce
浏览 0提问于2016-02-01得票数 22
4回答
我在对齐主图像时遇到了一些问题。它应该在水平方向上居中对齐，但要保持到处都是。该页面可在此处找到
<img src="images/background-space.png" class="displayed" border="0" />
IMG.displayed{
display: inline-block;
margin-left: auto;
margin-right: auto;
}
这基本上就是我应用于图像的CSS，所有的源代码都在主index.html上(没有单独的样式表)。
浏览 0提问于2013-07-09得票数 5
回答已采纳
2回答
它很容易用毛边0自动对长的文本进行居中，并用边距或填充控制距离。
但是，是否可以在不知道宽度的情况下将文本居中，如果文本是左对齐的？
在短文中间居中
文本对齐左
我不知道宽度
下面是要检查的示例：
CSS：
#long {
margin:50px auto;
text-align:left;
padding: 0px 100px;
background:white;
}
#short {
margin:0px auto;
text-align:left;
}
HTML：
<div id="long"&g
浏览 0提问于2013-04-24得票数 3
回答已采纳
3回答
我需要用xHTML对整张桌子进行居中。在HTML中工作的标记并不一定在xHTML中工作，但是实现它的方法并不明显(对我来说)。
在HTML中工作：
<div>
<table border="0" cellspacing="0" cellpadding="0" align="center" style="border-collapse:collapse; width:90%;">
不在xHTML工作：
<div>
<table border="0" cells
浏览 9提问于2016-05-16得票数 1
回答已采纳
3回答
我有一些带有text-align: justify;的文本，该属性在该文本中的链接和其他嵌套的内联元素中继承。我想将其他文本对齐模式设置为其中一些，例如text-align: center;，但我不能。Firebug显示父样式被覆盖，但嵌套的内联元素仍然是对齐的。我在许多不同的浏览器中观察到了这种奇怪的行为，显然他们是按规范来做的？这真的是设计出来的吗？如何解决这个问题？
编辑:一些示例代码。具有ID=span1的跨度无法定义其自己的文本对齐方式。它应该右对齐，但它却居中。当我在实验的时候，我注意到内联元素根本不能定义任何文本对齐方式。非常奇怪。
<html>
<head&g
浏览 2提问于2011-04-03得票数 2
回答已采纳
我希望将页面正文中的所有元素居中，而不将居中格式应用于段落。例如，我希望我的段落左对齐，但作为一个整体，在网页窗口居中。
我试着去做
<body>
<div align="center">
<p></p>
<img>
</div>
</body>
但是，虽然这会使正文中的所有元素在页面上居中，但它也会强制段落内居中对齐。
浏览 3提问于2011-12-27得票数 0
我在rmarkdown文档的开头使用knitr::opts_chunk$set(fig.align = "center")来设置图形的对齐方式。当我输出HTML文件时，静态图形是居中对齐的，但是HTML，比如来自leaflet()和ggplotly()的输出具有缺省对齐方式(左对齐)。是否有强制HTML小部件居中的选项？
编辑:示例如下。
---
title: "test"
output: html_document
---
```{r setup, include=FALSE}
中心(echo= TRUE，fig.align =“knitr：：opts_ch
浏览 1提问于2017-06-09得票数 2
5回答
有比align="“更好的方法来用HTML对对象进行居中吗？对齐并不总是起作用。还有其他标签可以帮助这一点吗？
<html>
<font align="center" size="45"> Hello World </p>
</html>
此代码将不对齐中间的字体标记。我知道使用CSS有很多方法，但是HTML中还有其他的方法吗？
浏览 4提问于2014-12-03得票数 1
回答已采纳
4回答
我有一堆单选按钮，我还有一个
<br/>
在每一个之后，它们看起来都水平居中对齐(即使我放了一些CSS，上面写着左对齐)。
这是CSS，
.radioLeft
{
text-align:left;
}
下面是HTML：
<input checked="checked" class="radioLeft" name="CalendarType" value="1" type="radio"><b>Person </b>(False) <br>
浏览 0提问于2010-12-16得票数 5
回答已采纳
为什么我的文本有调整效果？在我的整个站点中，我制作了回显，并且我没有指定“text -align: justifying；”，但是我的文本仍然是对齐的。对齐是指当您缩小浏览器窗口时，文本会移动以适合窗口大小。我试着做这样的东西：<?php echo "<h1>some stuff.</h1>"; ?> <html> <head> <style> h1 { text-align:center; }等等……
但它只是让文本居中，并保持对齐效果。
请帮我=[谢谢
浏览 7提问于2010-04-07得票数 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
回答已采纳
2回答
为什么文本对齐:中心标题？标头是块元素h1、h2等。为什么即使文档中明确指出它不是：，但是为什么它是文本对齐中心头呢？
此属性描述块容器的内联级别内容如何对齐。
我有点困惑，为什么它不会像div那样对块元素进行居中，但却愿意对头部进行居中。这可能是因为标题中的文本是内联的，但是实际的标题本身是块元素吗？
-代码依赖于这一现象。
* {
text-align: center;
}
.box {
background-color: blue;
width: 150px;
height: 150px;
}
浏览 3提问于2016-07-16得票数 4
回答已采纳
3回答
我有一些旧的HTML。没有一个CSS一样的框架包括在内。我得用桌子来布置。我面临的挑战是，我试图弄清楚如何水平地对齐我的form，但是使字段在表单中左对齐。换句话说，我试图创建这样的东西：
+--------------------------------------------------+
| Welcome |
| Please tell us about yourself |
|
浏览 6提问于2016-03-10得票数 0
回答已采纳
我不明白：
我曾尝试将HTML <span>标记的文本对齐居中，但它什么也没做...有了<div>标签，一切都能正常工作。与在css中设置margin: 0px auto;的情况相同。
为什么span标签不支持text-align;函数？
浏览 0提问于2011-10-13得票数 38
回答已采纳
4回答
我正在寻找一种方法，以居中的div水平在页面上的谷歌浏览器。
我试过使用margin: auto；但是我读到Google Chrome不支持这个功能。因此，我的div保持与屏幕的左侧对齐。
例如，如果我使用的是margin left: 100px；div确实会移到页面的中心，但我不想手动将其居中。
HTML：
<body>
<div id="header">
<p>John Doe</p>
<p>email</p>
</div>
</b
浏览 3提问于2013-03-26得票数 7
回答已采纳
2回答
使表单居中，但保持其内容对齐
、、、、
我有一个三栏的页面。每列都是一个div，具有以下样式：
.Row1 {
text-align:center;
display:inline-block;
vertical-align:top;
padding:0.5%;
width:31.5%;
}
HTML如下：
<div class="Row1">
<h2>Header</h2>
<br />
<form>
Form stuff goes here
</form>
浏览 1提问于2013-07-01得票数 0
2回答
将链接居中对齐
、、
在分类页面中，我需要将链接居中对齐以“继续阅读...”。我已经尝试了几种方法，但都不起作用。
这是页面上的HTML：
<a class="more-link">Continue reading <span class="screen-reader-text">description</span> <span class="meta-nav">→</span></a>
我已经尝试了以下CSS代码，但它们都不起作用：
.more-link {
margin-right: au
浏览 0提问于2015-12-19得票数 0
在Windows phone7应用程序中，当我在网格中放置一个TextBlock并将其HorizontalAlignment设置为"Center“并将其TextWrapping设置为"Wrap”时，为什么溢出容器宽度并放置在下一行上的文本与原本居中对齐的块的左侧对齐？
是否有办法设置文本换行，使文本块中的所有文本居中对齐？
浏览 0提问于2010-10-20得票数 29
回答已采纳
3回答
我在一个网站上工作，我正在使用中心标签来居中一些h3。
在我的标题下面，我将这个h3文本居中，如下所示：
<center><h3> Lijst van jongeren die ouder zijn dan 18 jaar </h3></center>
但是当我刷新页面时，它不是真的居中，而是稍微向右。
在同一页的中间，我将另一段文本居中，如：<center><h3> Lijst van jongeren die jonger zijn dan 18 jaar </h3></center>，这段文本
浏览 8提问于2018-04-03得票数 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
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
回答已采纳
5回答
我有一个动态生成的div。我必须在上面添加一个动态生成的HTML表。
问题是当我添加表格时，它显示为左对齐。但是div对于文本内容是居中对齐的。
浏览 1提问于2013-03-13得票数 0
回答已采纳
1回答
我的回应主页上有个问题。当页面的宽度小于1024 is时，我希望这两个内容小部件在彼此下面并水平对齐。我定义了它们的宽度，并试图用margin: 0 auto对它们进行居中，但是它们停留在左边。
这是链接：
这是我的HTML：
<div class="home-left">
<h1 class="widgettitle">Title</h1>
<p>Text</p>
<div class="homebuttonbox"><a class="
浏览 5提问于2013-12-20得票数 0
回答已采纳
2回答
我有两个硬币在对方下面。我希望他们都是水平的居中。问题是，我必须使用align: center作为#wrapper和margin: auto作为另一个。否则，其中只有一个是居中的。如果两者都使用align-center，则只有#包装器是居中的，如果两者都使用margin: auto，则只有第二个包装器居中。
为什么我必须使用两个不同的属性在中间对齐它们？：
HTML：
<div class="col-sm-5 col-sm-offset-3" id="wrapper">
<div class="row">
浏览 2提问于2016-07-12得票数 1
4回答
我在让一段html垂直居中时遇到了很大的麻烦。代码如下。超链接中的内容需要垂直对齐，但我不知道如何对齐。有什么需要帮忙的吗？！非常感谢
<a class="x" href="#">
<span class="time">xxxx</span>
<span class="time">yyyy</span>
<span class="time">zzzz</span>
<table>
浏览 3提问于2012-07-12得票数 2
1回答
使按钮水平居中
、、
我已经到处寻找如何在我的xhtml页面底部居中对齐我的主页，联系人等按钮的答案，我已经尝试了我找到的一切，但我就是做不到:(我已经尝试设置一个CSS代码，html代码所有的东西，什么都不起作用。
浏览 0提问于2012-08-05得票数 0
我需要将文本居中。我使用了文本居中对齐，但下一行居中。我需要它与顶部的线对齐。
<div class="box">
<div class="text">Some text.Some text.Some text.Some text.Some text.Some text.Some text.
Some text.Some text.Some text.Some text.Some text.</div>
</div>
如何在下一行不相对于顶行居中的情况下将文本块居中？
浏览 0提问于2013-05-15得票数 1
回答已采纳
2回答
我有以下HTML：
<div id="container">
<div id="header"><h1>Sed sollicitudin dignissim justo, sed.</h1></div>
</div>
和以下CSS：
div#container
{
text-align:left;
width:500px;
margin:0 auto;
}
这将创建一个跨整个屏幕的div container，并在第一个div header中创建另一个div c
浏览 1提问于2012-09-02得票数 1
回答已采纳
2回答
我是CSS显示的新手，目前我想居中对齐一些文本和图标(垂直)，但它就是不起作用：
.header {
display: inline-block;
height: 30px;
width: 200px;
background-color: #1f78b4;
}
.holder {
width:auto;
height: 30px;
background-color: lightblue;
float:right;
line-height: 30px;
}
.menuitem {
display: inline-block;
line-height: 30px;
}
.source {
he
浏览 2提问于2016-03-04得票数 0
如果文本居中对齐，如何对齐背景图标图像？就像文本前面的一个小图标。如果它不是居中对齐的，我可以使用像这样的东西：
p {
background: url(image.jpg) no-repeat 0 0;
padding-left: 40px;
}
但是如果我将它居中对齐，如下所示：
p {
background: url(image.jpg) no-repeat 0 0;
padding-left: 40px;
text-align: center;
}
背景保持在左角，而文本居中(因此在它们之间有一个巨大的间隙)。可以使用背景位置，但是，如果屏幕的大小与我使用的不同
浏览 4提问于2012-12-18得票数 3
回答已采纳
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
回答已采纳
1回答
这听起来可能有点奇怪，但是这样做：
<table id="MyTableID">
<tr>
<td align="center">
<div id="1">
Content
</div>
</td>
</tr>
</table>
将"Content“居中对齐，但是：
<table id
浏览 3提问于2013-04-04得票数 0
回答已采纳
我正在编写一个现有的cognos报告，其中有一个用户专门要求我进行更改。当用户运行报表时，他们会在excel中运行它。当用户下载报表以获得更好的结果时，标题不是居中的。这让我很不爽，因为在中查看我的报告时，标题是居中的。造成这种情况的原因是什么，是否有解决办法？他们寻求这一改变，所以他们不需要在excel中手动进行更改，然后再将其付诸使用。
编辑：
报告室：
Excel：
当我以HTML或PDF格式运行报表时，标题完全位于中间，只有excel将其关闭。
浏览 9提问于2012-08-13得票数 0
回答已采纳
3回答
当我在HTML中对文本进行居中时，我总是使用<center>标记。不过，最近，我因为使用CSS而不是使用CSS对齐文本而受到强烈反对。人们不使用它的主要原因是<center>标签已经过时，将被“逐步淘汰”。这是真的吗？我应该开始将文本对齐移动到CSS吗？或者我只使用<center>标签安全吗？
浏览 5提问于2017-12-15得票数 2
回答已采纳
3回答
我正在开发一个bootstrap风格的网站，我有文本需要居中。我已经使用center align将它在水平维度居中，但我不知道如何在行中垂直居中。
<div class="col-md-6">
<p align="center">Some Text that needs centering.</p>
</div>
“align=”center“”负责水平对齐，但我不知道如何将文本放在行的绝对中心。
浏览 5提问于2014-05-02得票数 2
2回答
我有一个包含图像的div。我试着把它居中对齐，但不起作用。我有另一个CSS规则，它是对齐其他东西，所以我尝试应用它，它是有效的！但这些规则的内容是相同的。
下面是有问题的代码块：
<div id = "dlbutton">
<a href="signup.html"><img src="img/arrow2.png"></a>
</div>
以下是规则：
#dlbutton
{
font-size: 2em;
text-align: center;
}
#
浏览 3提问于2014-03-21得票数 0
7回答
我想“居中”我的网页的文本和内容。现在我不想让文本居中对齐，我仍然想要左对齐，但我希望在左右两边都有明显的页边距，这样所有内容看起来都相对居中。你能给我演示一下实现这一点的HTML/CSS吗？谢谢。
浏览 0提问于2009-05-19得票数 5
2回答
看这把小提琴：
我有两个div作为内联块显示。由于某些原因，我的div是居中的，尽管我希望它们与左边对齐。我如何对齐我的div，使匹配与我的.main div和左对齐？
提前感谢！
浏览 2提问于2014-06-01得票数 0
回答已采纳
我得到了这个HTML：
<div class="A">
<div class="B1">
<div class="C1"></div>
</div>
<div class="B2"></div>
</div>
.A是一个带有填充的容器，B1包含一个长列表和卷轴。.B2应该在列表中对齐(垂直和水平居中，就像加载图像一样)。
我怎样才能做到这一点？水平对齐不适合我：
浏览 4提问于2016-03-25得票数 0
回答已采纳
2回答
我似乎不能让图标在Safari的Services部分的段落上居中对齐(它在所有其他浏览器中都是居中的)：
应该是一个简单的css调整，但它是逃脱我。感谢你的帮助。
浏览 2提问于2013-10-04得票数 0
4回答
我希望这些按钮居中(这三个版本代表同一事物的不同可能版本)。所以css和html对于所有人来说都必须是相同的。只有项目的数量必须改变。
我希望它们有一个设定的宽度，这样我就不能使用内联元素(只需将其居中对齐)。
我还需要的html标记要足够简单，它也可以用来灵活地堆叠按钮垂直不同的样式表
对如何实现这一点有什么想法吗？我看不出有什么办法。
现在有1-3个元素..理想情况下，它可能涵盖任何数字，但这不是必需的。我希望它能在IE6中工作。
浏览 1提问于2011-07-26得票数 1
回答已采纳
5回答
我需要垂直对齐一个div，它的文本位于包含图像的div旁边。
内容可以在标题中有多行(如果您看到图像)。
当前html是如何实现的：
<div class="small-view">
<div class="small-left">
<img src="image.png" width="80">
</div>
<div class="small-right">
<p class="
浏览 3提问于2015-02-01得票数 0
回答已采纳
HTML代码：
<body background="images/bg1.jpg" >
<header><h1>Sample</h1></header>
<br/><br/><br/>
<span class="button" >
<a href="in.html" class="button" >
In <span cla
浏览 1提问于2012-11-27得票数 1
3回答
对于HTML和CSS表单，我使用自己的类和标记。我希望标签文本居中对齐。
我尝试使用行高，但当文本长度较大时，它会变得更加混乱。
有没有可能使用vertical align: middle;，因为它甚至不起作用
HTML：
<div class="type-details">
<div class="col-xs-12 no-padding text-group">
<span class="col-md-4 no-padding form-label">Placeholder:&
浏览 0提问于2016-07-09得票数 1
我做了个div
class="text-content"
然后在CSS集合中
.text-content{
width:60%
而div内的文本正向左对齐。它占身体的60%，但它是左对齐的，而不是中间的。为什么会这样呢？除了全班外，其他什么都没有。放置文本对齐:居中；在CSS中不做任何事情。
如果需要更多的上下文，下面是所有的代码：
html：
css：
浏览 1提问于2017-04-15得票数 0
回答已采纳
17回答
如何为TextBlock中的文本指定垂直居中对齐方式？我发现了TextAlignment属性，但它用于水平文本对齐。如何实现垂直文本对齐？
浏览 0提问于2009-09-29得票数 248
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
