4回答
在我的场景中，HTML页面的宽度是有限的(使用max-width)，这样页面上的文本就不会变得太宽(而且很难阅读)。
我还在表(居中)中显示了一些数据，只要表适合父容器，这些数据就可以正常工作。但是，有时一个表比父元素更宽，此时它不再被居中，而是对齐到左边。
是否有一种方法可以使表居中，这样即使它溢出其父表也能保持居中状态？
考虑到我的HTML看起来像这样，完成这个任务需要什么CSS？
<div class=content>
<p>Lorem ipsum...</p>
<table>
...
</table>
浏览 3提问于2012-08-30得票数 2
回答已采纳
如何使用javascript、css和/或html在表格单元格中的图像上居中显示文本？
我有一个包含图像的HTML表-所有图像的大小都相同-并且我想在每个图像上居中放置一个文本标签。标签中的文本大小可能不同。水平居中并不难，但垂直居中却很难。
附录:我最终不得不使用javascript使用固定大小的div和绝对定位来可靠地将文本居中；我只是无法让它以任何其他方式工作。
浏览 2提问于2008-09-18得票数 1
回答已采纳
3回答
我这里有一个jsfiddle -
我需要一个覆盖的页面和文本的全部宽度和高度是死心。
我可以用display: table做到这一点；但我需要html和body上的height: 100%；。
这在实际代码中造成了问题。
是否有可能有100%覆盖与居中的文本而不显示:表；
我这里有一个例子--
我可以水平居中，但不能垂直居中。
在第二个例子中是否可以将文本水平居中。
html, body{
height: 100%;
}
.block{
background: rgba(230, 97
浏览 1提问于2015-04-24得票数 0
1回答
当HTML表格比页面正文宽时，无论您是否指定居中对齐，它始终左对齐。我有一个包含CSS3渐变按钮的表格，它的大小不容易预测(按钮的大小取决于浏览器使用的字体)。在某些浏览器上，此表变得比页面正文更宽，从而导致该表变得与页面横幅不相关。
我读过这样的问题：指出，在这种情况下，将表格居中的唯一方法是使用Javascript。
但是我希望找到一个没有javascript的解决方案。页面设计非常简单(只需在页眉居中显示网站徽标，下方有一系列大按钮)。
你有什么建议可以简单而优雅地解决这个问题，使按钮表格始终在页面中居中？
浏览 2提问于2013-09-25得票数 1
我有一个具有多个标题的html表，但是我有一些场景，我希望显示一行，一些文本在中间居中。这是一种尝试：
<table border="1">
<tr>
<th>Name</th>
<th>Telephone</th>
<th>Telephone</th>
</tr>
<tr><td>No values</td></tr>
</table>
我想要的是没有值的单元格上的整行和文本居中。
浏览 1提问于2013-05-02得票数 0
2回答
我正在尝试在屏幕上居中放置一个框，以便在其中显示我的内容。问题是，当我在50%设置top时，框不会100%居中。顶部是60%，底部是40%。
下面是HTML代码：
<div class="content">
test
</div>
下面是样式表：
body, html {
color: #eaeaea;
font-family: Arial;
font-size: 12px;
margin: 0;
padding: 0;
width: 100%;
}
.content {
backgr
浏览 2提问于2012-12-18得票数 0
回答已采纳
5回答
我有一个动态生成的div。我必须在上面添加一个动态生成的HTML表。
问题是当我添加表格时，它显示为左对齐。但是div对于文本内容是居中对齐的。
浏览 1提问于2013-03-13得票数 0
回答已采纳
问题
我有一个iOS应用程序，它接受一个html文件，将它转换成一个PDF，并将它显示在一个WebKit web视图中。我有一个奇怪的问题，当我显示为PDF时，底部的表格单元格会被切断。奇怪的是，只有当文本居中时，底部的表才会被切断。如果它是左对齐，一切正常。这一切为什么要发生？
请注意，我不是在寻找一个围绕解决方案的工作。相反，我想了解为什么会发生这种情况。这是iOS中的一个bug吗？还是我错过了什么？
概述
在下面的图像中，有两个表<table>。一张桌子很大，背景是红色(珊瑚)，高度为505 of。另一个表位于第一个表的下方，背景为白色(未设置高度)。都有短信。两个表的文本都
浏览 2提问于2017-12-05得票数 39
我不能使用“文本-对齐:中心”和“显示:表格”，它只接受“显示:表”；当我删除“显示:表”时，文本会居中，但我希望它们都在中间，因为"display: table“将行保留在文本的底部，只要文本是文本。
这是我的css：
h2 {
margin-top: 70px;
border-bottom: 2px black solid;
text-align: center;
display: table;
}
这是我的html
<h2><?php echo ucfirst($category[0]['name']); ?></h2
浏览 4提问于2017-04-07得票数 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
回答已采纳
4回答
HTML表格问题
、、
我有一个HTML表格的问题，我想更好地了解它。
假设我有一个3行的HTML
<table>
<tr>
<td style="text-align:right;">A1</td>
<td>A2</td>
</tr>
<tr>
<td style="text-align:right;">B1</td>
<td>B2</td>
&l
浏览 0提问于2008-12-12得票数 2
1回答
我尝试将">“文本与固定宽度的按钮对齐。我尝试了对齐文本，但观察到它不是居中对齐的。 <!DOCTYPE html>
<html>
<head>
<style>
.naviButton {
height:34px;
width:16px;
color:grey;
text-align:center;
position:relative;
}
</style>
</head>
浏览 7提问于2019-10-16得票数 0
回答已采纳
我在这里完全不知所措。我想在一个居中的表格中嵌套多个表格，用于html电子邮件，firebug和W3C验证器都告诉我，我有更多的开始表格标签，而不是结束表格标签。firebug中的测试显示包含的表在嵌套表之前一样，而不是包围它们。
如果我将包含的<table>更改为<div>，所有问题都会消失。不知道哪里出了问题。
下面是有问题的html电子邮件：
浏览 6提问于2017-01-12得票数 0
回答已采纳
在我的Html中有一个头、两个按钮和两个表。当网页第一次启动时，将显示与“第一”按钮相关的表。不显示与第二个按钮关联的表。
单击“第二个”按钮时，将显示与第二个按钮关联的表，而不显示第一个表。
代码在IE11中运行良好，表在IE11中居中，但该表没有在chrome/firefox中居中。
HTML：
<!DOCTYPE html>
<html>
<head>
<title>All Stock Data</title>
<link rel="stylesheet" href="stock
浏览 2提问于2016-05-23得票数 0
回答已采纳
我有一个pandas DataFrame，正在使用DataFrame.to_html方法生成一个可以在HTML email消息中发送的表。我只想让某些列中的值居中，但也想知道如何将格式应用到表中。在使用to_html之前，我已经尝试应用找到的文档以及使用df.style，如下所示：
df.style.set_properties(**{'text-align':'center'})
但是我仍然让我所有的值左对齐(除了头，它是居中的)。
将所有列值(或列值的子集)居中的正确方式是什么，还有哪些可用于格式化的其他选项？(例如，加粗文本、更改背景或边框颜色等)
此外，
浏览 3提问于2018-04-18得票数 4
回答已采纳
3回答
我需要在具有下一个属性的HTML容器中垂直对内容进行居中：
height: auto;
min-height: 50%;
我尝试了不同的对齐技术，但没有成功。例如：
表：
鬼元素：
您能建议如何在这样的容器中垂直地居中内容吗？我对纯HTML/CSS解决方案感兴趣。
浏览 7提问于2014-08-25得票数 1
我已经将twitter bootstrap按钮的样式设置为在缩略图中居中，当CSS是内联(页眉或正文)时，它可以完美地工作，但在将样式移动到外部样式表之后，按钮是左对齐的。
所有其他内联样式和移动到外部工作表的样式都可以完美地工作。
这是一个bootply，通过内联样式显示一个居中对齐的按钮：
如果将样式移动到外部样式表，按钮将不会居中。
敬请指教！
下面是CSS样式：
<style> #centered {text-align: center;} </style>
下面是HTML：
<div class="full span8" id="
浏览 1提问于2013-06-28得票数 1
回答已采纳
2回答
我在WebView中加载一些超文本标记语言的内容，但它总是出现在我的WebView的左上角。
我也尝试使用样式表，在样式表中我添加了与中心相关的标签，但它不在中心。样式表中的其他标记工作正常。
如何在WebView中设置内容垂直居中和水平居中？
我的HTML代码
<html><head> <style type=\"text/css\"> @font-face { font-family: MyCustomFont; src:url(\"file:///android_asset/fonts/MyriadPro-Regular.o
浏览 2提问于2013-01-10得票数 1
回答已采纳
1回答
我想在<a></a>标记中包含的img标记上居中显示标题。
这是我的HTML：
<html>
<body>
<ul>
<li>
<a>
<p><img></p>
</a>
</li>
</ul>
<body>
</html>
下面是我的CSS样式表：
#navigator ul li a p img{
mar
浏览 1提问于2011-04-27得票数 1
回答已采纳
1回答
Div标签/背景不居中
、、、
我正处于构建我们网站的移动版本的早期阶段，并且我已经遇到了div标签的问题&背景没有居中。样式表代码如下：
<!DOCTYPE html>
<html><head>
<style type="text/css">
BODY{margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px; background-color:#fff;FONT-SIZE:12px;COLOR:#000000;FONT-FAMILY:Arial, Helvetica,
浏览 1提问于2012-01-17得票数 0
回答已采纳
2回答
我使用可用的JavaScript/jQuery脚本在向下/向上滚动时使表头浮动。我的桌子居中对齐。当我向下滚动时，标题浮动，但它们会左对齐，而表的其余部分是居中对齐的。下面是我现在得到的输出的快照：
我到底需要在这段JavaScript/jQuery代码或PHP/HTML代码中编辑什么内容才能使它们居中对齐？
更新
浏览 6提问于2012-06-08得票数 0
令人沮丧的是，我仍然不能掌握某些CSS概念，但不管怎样，问题是：
我想在我的网站(基本的index.html首页)的底部居中一行文本。我还希望文本浮动10-20像素在页脚基于各种显示器的分辨率，以便它总是在底部。
我需要在"Positioning“样式表属性中勾选哪些选项？是亲戚吗？修复？绝对的?
到目前为止，我的设置是“相对的”，顶部是600px，底部是200px。但它在13英寸的显示器上看起来很棒，例如，它在27英寸的显示器上正好放在页面的中间。
我只想让这该死的东西在底部居中，在浏览状态栏之前留出一点喘息的空间--与显示器的大小无关。
浏览 0提问于2012-03-20得票数 0
这是一个类似的帖子：，但我并没有强迫内容消失，而是试图强迫实际的行消失。我使用css display: tables在div中垂直居中显示内容
所以我有一个网站，它的一般设置如下：
-------------------------------------------------
|Row1 |
-------------------------------------------------
|Row2 |
---------
浏览 2提问于2013-03-06得票数 0
我成功地在网页中运行了我的第一个php脚本！我使用的是Raspberry Pi，在这个脚本中，结果显示在php页面中。它显示了当地机场的METAR数据。
基本上是流星数据。我设法使用字符串将输出集中在页面上。
> echo "<center>";
它看起来很好，但是如果它可以在一个居中的html表中用它原来的左对齐来显示，那就更好了。
这个是可能的吗？
!DOCTYPE html>
<div align="center">
<hr />
<h1>METAR report</h1>
<?
浏览 4提问于2019-09-18得票数 0
回答已采纳
1回答
CSS更改要在缩放时堆叠的图像
、、、、
我有一个包含两个图像的菜单页面。基本上，我希望图像在web浏览器上并排显示(居中)，当在移动视图中时，我希望它们出现在彼此的顶部(以列居中)。因为当图像在移动视图中并排显示时，它们太小而无法点击。 我一直在使用framework7样式表行和列类在web浏览器上并排放置图像。 <div class="row">
<div class="col-50">
<a href="page1.html"><img src="css/images/image1.png" heig
浏览 16提问于2019-04-30得票数 1
如果我尝试为<html>设置一个居中和顶部的背景图像，并为<body>设置一个居中和底部的背景图像，它不起作用，只显示<html>背景。
这是不是每个浏览器都有？
浏览 1提问于2013-04-10得票数 0
回答已采纳
2回答
可以在kableExtra中格式化字幕吗？我想居中和粗体的一个表的标题时，针织到RMarkdown的HTML。我尝试将表格包装在文本居中的CSS div中，但这并没有产生预期的结果。 示例表： library(kableExtra)
kable(data.frame(a = 1:3, b = 4:6), caption = "CENTER") %>%
kable_styling(bootstrap_options = "striped") 收益率： ? 我想： ?
浏览 41提问于2019-09-25得票数 3
回答已采纳
由于某些原因，这两个表不会居中，我尝试了bootstrap容器类，尝试了自动边距0。但他们不会居中，你知道吗？
我希望两张桌子居中，并在中间水平并排显示。
它在codepen上：
.z
{position :absolute ;
top:50%;
left:50%;
transform :translate(-50%,-50%) ;}
浏览 1提问于2017-05-10得票数 0
2回答
我正在用CKEditor构建一个简单的表。如果我选择了左对齐或右对齐，它会在保存时与视图的预期侧对齐。但是，保存后，如果我选择居中对齐，则此操作失败。这显然不是整个页面，因为居中对齐文本上下都会显示居中对齐。这个问题只有在“已保存”时才会变得明显...(即居中对齐的表格将在编辑时居中对齐)。
你能建议一下是怎么回事吗？谢谢
浏览 0提问于2013-11-14得票数 0
1回答
如何在表格中设置位置？我有表，其中我有跨度和某些链接。我将<td>设置为居中对齐，并从居中开始跨文本，但当我对所有链接<td>执行相同操作时，所有内容都显示在居中。但是我需要从相同的位置开始所有的文本。该怎么做呢？
浏览 0提问于2010-04-09得票数 0
回答已采纳
2回答
我正在尝试将我的网站的登录表居中显示在桌面上。在手机上，它是居中的，而在桌面上，由于某种原因，它不是居中的。我在自定义CSS中尝试了自动宽度和边距，但这不起作用。任何意见都是值得感谢的。
浏览 7提问于2018-12-02得票数 0
2回答
我想，一旦有了HTML表，我就能够获取一组单元格，并编写一个文本(在本例中是单个字符)，在这组单元格中垂直和水平地居中，如下图所示。
我探索了在第一个(左上角) td中编写文本的可能性，然后在该td元素上使用overflow CSS属性，以便文本超越td的限制。但是，这并不适用于垂直(跨tr)对文本进行居中。
是否有任何方法只使用简单的HTML表和CSS，或者我是否应该考虑使用画布来将文本与表重叠？
浏览 1提问于2018-12-21得票数 1
回答已采纳
我的HTML布局有固定的页眉和页脚。中间容器由左窗格(也是固定位置)和右窗格组成。右窗格是显示内容的区域，它应该能够根据屏幕大小显示垂直滚动条和水平滚动条。
这是我的测试小提琴：
当我调整屏幕的宽度时，表向左移动，一些部件被隐藏在视图之外。
widest：表应该用水平滚动条完全显示，同时在为右窗格分配的空间中居中(宽度将根据最宽的内容动态计算)。例如，右窗格的宽度可以是1200 be，内容应该在内部对齐。
如果我没有在display: flex类中使用div-centered，表将按预期显示。
浏览 0提问于2019-10-02得票数 0
3回答
我一直在用codecademy学习HTML/CSS，我的CSS边框有这个问题。我需要我的h1以边框居中，但我不希望边框延伸到页面的末尾。以下是我的代码
<h1 style="color:#0034ff; padding:20px; border-style:ridge; border-width:5px; text-align:center;">HTML Testing Page</h1>
我计划很快制作一个单独的样式表，我只是将CSS放在HTML文档中来测试它。这个边框位于页面的末尾，如果我放入display:inline或display:inline
浏览 4提问于2012-09-17得票数 2
回答已采纳
1回答
这张图显示了我的列在我的交叉表中的样例(我有两个列组-在本例中是日期和状态)。日期应该在5列之间居中，我已经将水平设置为居中。但是，它只是根据我在iReport中设置的大小将其居中。我尝试过调整各种设置，但无法将第一行居中。我使用的是JasperReports 4.0.1。
浏览 0提问于2011-07-26得票数 3
回答已采纳
这一次我有一个简单的问题。
以下是我的查询结果，使用jQuery数据表在web应用程序中显示：
如您所见，元素没有在列单元格内居中。所以，问题是:我如何显示元素，数字和按钮，居中？
浏览 8提问于2017-08-09得票数 2
回答已采纳
2回答
在我的SSRS报告中，我正在从数据集(SQL查询)中获取文本来填充表。
查询中有一行特定的文本我希望显示为居中(即居中对齐)。
这个是可能的吗？
浏览 0提问于2013-05-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
回答已采纳
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
1回答
我有一个翻转表，我不能将标题居中，使其跟随溢出表的宽度。
以下是打印预览时的查看方式：
请注意，标头未居中。正常预览时，页面如下所示：
我注意到，中心对齐只是遵循它在屏幕上看到的方式。如何在此页面中居中显示标题？
顺便说一下，这是我的css：
东方大学等文本。
.header {
width: 100%;
margin: 0 auto;
height: auto;
}
等级表：
table.grades {
border-collapse:collapse;
border: #000 solid 1px;
font:Arial, Helve
浏览 0提问于2012-02-18得票数 0
回答已采纳
1回答
编辑：在OSX上，复制/粘贴非常适合火狐，但不能从Chrome或Safari运行
是否可以将具有colspan的表格单元格复制到反映结构的Excel中？
希望应用程序在HTML中呈现表，这样用户就可以合理地将其复制/粘贴到Excel中。特别是，希望一些具有colspan=#的表单元格以正确的对齐方式复制到Excel中。
问题是Excel似乎忽略了复制/粘贴中的colspan。因此，在列标题"Size“下面的示例中，”Size“在”黄色“的列上显示得太远，而对于”小“则应该显示在列的上方。
我并不特别关心Excel单元格是“合并”、“居中于选择”还是仅仅是普通的单独单元格。他们的关键是要
浏览 1提问于2014-11-28得票数 0
回答已采纳
我在网页上有一张图片。当我点击它，它应该显示全屏。
我有以下代码：
<!doctype html>
<html>
<head>
<script>
function makeFullScreen() {
var divObj = document.getElementById("theImage");
//Use the specification method before using prefixed versions
if (divObj.r
浏览 4提问于2014-06-02得票数 6
我有一个简单的HTML表，其中一个单元格是居中的：
<table width=100%>
<tr>
<td align=center>
<p>Element1 (Centered)</p>
<p>Element2 (Centered)</p>
<p>Element3 (Should be on the left)</p>
</td>
</tr>
</table
浏览 8提问于2020-07-24得票数 0
回答已采纳
1回答
我正在尝试并排显示一个表、一个iframe和一个表。在两者之间没有休息或任何东西。最好是三个都居中。
这没有任何意义。有足够的空间让它们都显示在同一“行”上，因为我的屏幕显示足够大。
请帮帮忙。
代码如下所示：
<center>
<table border="0">
<tr id="hidethis" style="display:none;">
<td><iframe src="menu.html"height=450 width=400 frameborder=
浏览 1提问于2016-02-14得票数 2
2回答
我是第一次使用HTML，需要帮助将当前导航栏居中：
它的代码如下：
<!DOCTYPE html>
<html>
<head>
<title>large background</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>
<body>
<!div class=
浏览 2提问于2015-07-25得票数 1
我有一个html代码，打印一个html表中的所有帖子。
但是，如果没有帖子，我需要打印一个错误的No posts found。
现在，请关注错误消息
我正在尝试将错误消息打印在表的中央。
<style>
table{border-collapse:collapse}
td{background-color:white;padding:10px}
.first_tr td{background-color:#f1f7f7 !important;border-bottom:1px red solid}
</style>
<table border="0"
浏览 3提问于2012-09-27得票数 0
回答已采纳
我在一个html表单元格里有一些文本。文本居中。
<td colspan=7>This is the text<span >Loading . . .</span></td>
我想要显示和隐藏文本末尾的span，但当我这样做时，所有的文本都会向左移动，因为它现在重新居中了整个可见文本。
有没有什么方法可以像文本结尾一样显示和隐藏跨度(而不需要移动和重新居中所有信息?)
浏览 2提问于2011-12-07得票数 0
回答已采纳
2回答
我正在尝试建立一个网站使用弹性布局。我使用了Eric Meyer的CSS reset，还在样式表中使用了body {font-size:62.5%}。
编辑:这是我的HTML结构和CSS
<html>
`<head>`
`</head>`
`<body>`
`<div id="container">`
`<div id="gallery">`
`</div>`
`<div id="other">`
`&l
浏览 0提问于2011-12-30得票数 0
回答已采纳
我已经创建了一个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
回答已采纳
1回答
表单不停留在按钮旁边
、、、
我正在设计一个HTML网页上的页脚，上面有一个无线电选择表单。我在页脚div中有一些按钮，使用<center>居中。没有表单，它是100%工作的。如果不在样式表中使用float: right;，则无法使表单显示在其他按钮旁边。当我使用float时，它与div中其他按钮的动态不一致。我试过设定固定高度，但我希望它是动态的。那么，我如何才能让表单显示在链接的旁边，就像链接显示在彼此旁边一样？
JSFiddle：
图表：
浏览 5提问于2016-08-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
