我有一个pandas DataFrame，正在使用DataFrame.to_html方法生成一个可以在HTML email消息中发送的表。我只想让某些列中的值居中，但也想知道如何将格式应用到表中。在使用to_html之前，我已经尝试应用找到的文档以及使用df.style，如下所示：
df.style.set_properties(**{'text-align':'center'})
但是我仍然让我所有的值左对齐(除了头，它是居中的)。
将所有列值(或列值的子集)居中的正确方式是什么，还有哪些可用于格式化的其他选项？(例如，加粗文本、更改背景或边框颜色等)
此外，
浏览 3提问于2018-04-18得票数 4
回答已采纳
3回答
我得到了一些类似于jsfiddle的html：
使用一些jquery，程序为每个div分配新的高度，因此外部div比内部div大。它还重新定位div，使其在父级中垂直居中(使用top)。
问题是，即使div与垂直居中对齐，它们包含的文本也不是垂直居中。
有没有办法将所有包含的文本移到div的垂直中心？
谢谢麦克斯
浏览 0提问于2012-01-15得票数 1
回答已采纳
2回答
我使用可用的JavaScript/jQuery脚本在向下/向上滚动时使表头浮动。我的桌子居中对齐。当我向下滚动时，标题浮动，但它们会左对齐，而表的其余部分是居中对齐的。下面是我现在得到的输出的快照：
我到底需要在这段JavaScript/jQuery代码或PHP/HTML代码中编辑什么内容才能使它们居中对齐？
更新
浏览 6提问于2012-06-08得票数 0
3回答
在我的应用程序中，我必须在字符串中使用一些HTML内容。但是HTML并没有像预期的那样工作。我必须使用该字符串(文本)作为电子邮件发送。我对HTML要求的顺序是：
标题(居中)
图像(居中)
描述(左对齐)
然后将此HTML字符串传递给电子邮件意图。但是电子邮件中没有显示图像，标题文本也没有居中对齐。这就是我所做的一切：
Intent it = new Intent(Intent.ACTION_SEND);
it.putExtra(Intent.EXTRA_EMAIL, "");
it.setType("text/html
浏览 6提问于2012-07-11得票数 1
如何使网页的标题居中。下面是我写在纸上的代码： ? 我想把我的书名“自由国家”的标题居中 写出来的代码没有图像： <!DOCTYPE html>
<html>
<head>
<title>"Libertarian Nation"</title>
</head>
<body>
A place of decentralisation
</body>
</html> 那么，我如何才能使页面标题居中呢？
浏览 25提问于2021-03-24得票数 0
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
回答已采纳
我正在尝试编写一个符合HTML5的文档，该文档将通过W3C验证器：。
验证器抱怨标签的每次使用，并建议我使用CSS。不幸的是，CSS似乎不能将块水平居中。它可以使用' text -align: center‘属性将文本居中，但尝试居中表格和图像会失败。
我在上读过"CSS居中指南“，但它的所有示例都不能水平居中表格或图像(至少在Firefox36.0上是这样)。谁能建议一下如何使这张桌子居中？
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" co
浏览 1提问于2015-04-02得票数 2
如何使用javascript、css和/或html在表格单元格中的图像上居中显示文本？
我有一个包含图像的HTML表-所有图像的大小都相同-并且我想在每个图像上居中放置一个文本标签。标签中的文本大小可能不同。水平居中并不难，但垂直居中却很难。
附录:我最终不得不使用javascript使用固定大小的div和绝对定位来可靠地将文本居中；我只是无法让它以任何其他方式工作。
浏览 2提问于2008-09-18得票数 1
回答已采纳
2回答
图像拒绝居中
、、、
图像拒绝在html代码中居中。宽度是自动的，而且必须是这样的。我正在尝试使用边距:自动居中来居中图像。画廊应该比视口宽。Css和javascript：
#gallery{
position:fixed;
top:0px;
left:50%;
width:6000px;
height:100%;
margin-left:-3000px;
background-image:url('images/bluey.jpg');
background-po
浏览 2提问于2012-03-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
回答已采纳
我想在IPython notebook中将标题单元格居中。
我知道可以通过编写HTML来创建居中的标题，但在使用目录(nbtoc ext.)时就无法获得对单元格的引用。
有没有办法用引用来写HTML标题，或者用居中文本写标题单元格？
谢谢!
浏览 2提问于2014-02-12得票数 3
4回答
我有一些文本在我的html网站上使用div标签，所以我可以居中的文本，但它不会居中。
这是我放入HTML中的内容
<div id="info">
Welcome
</div>
这是我放在CSS中的内容
#info {
color: #0F0;
font-size: 20px;
text-align: center;
}
我已经使用了正确的css代码来居中文本，但由于某些原因，它不会居中。有谁有什么想法吗？
浏览 42提问于2017-02-12得票数 1
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
回答已采纳
我正在使用bootstrap开发我的第一个网站。我使用javascript将我的图像垂直居中，但我注意到，有时javascript会在一些图像之前加载，因此这些图像不会居中。
Html：
<div class="hidden-xs col-sm-3 text-center">
<img src="../img/body/gear.png" alt="gear.png" class="scale-icon pull-center" />
</div>
JavaScript：
<
浏览 0提问于2015-10-22得票数 0
我有一些由Google Docs生成的html。标题居中。Google Docs给了我一个<p style='text-align:center' >，但是它没有在实时文本中居中，所以我把它改成了也不居中的<center>标签。
在rte渲染后，在页面的html中，我没有看到我的center标签。似乎html解析器忽略了它。
a)是否存在draft.js将处理的html的已知子集？
b)您认为是否可以将Word和Google docs中的文档导入rte并保留格式？
浏览 0提问于2016-11-15得票数 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
回答已采纳
我在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
如何在Jupyterlab中居中对齐Altair图表，使其在导出的HTML中保持居中？ 以下代码使notebook中的绘图居中；但是，当我将notebook导出为HTML时，输出为空/空白。 import altair as alt
import pandas as pd
from IPython.core.display import display, HTML
df=pd.DataFrame({'a': [1,2,3], 'b': [2,3,4]})
c=alt.Chart(df).mark_bar().encode(
x='a'
浏览 37提问于2020-11-06得票数 1
回答已采纳
2回答
CSS定位和重叠
、、、
我有一个HTML页面的CSS生成的部分。它当前位于页面的主内容区域中，该区域位于导航栏的右侧。我有一个图形，它需要居中到整个HTML页面，包括在导航栏下。
如何使用CSS定位来覆盖HTML代码块(它也有一些CSS )，使其在整个页面上居中。
我有一种预感:我想我需要重叠的CSS部分去导航栏下面。
.layout #mainContent h6 {
position:absolute;
left:-1000px;
top:-10px;
z-index:5
}
要覆盖的超文本标记语言将位于h6之下。
HTML将按如下方式编写
<h6>
All the HTML code t
浏览 0提问于2011-10-28得票数 0
回答已采纳
我想要在我的html页面中居中一些html元素，例如标签。我想通过使用jQuery和CSS来实现这一点。不幸的是，我不熟悉jQuery。
我只需要你们帮个小忙。
谢谢。
浏览 0提问于2013-06-18得票数 2
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
回答已采纳
4回答
如何使画布居中？我已经尝试了< center>命令，但是左上角是居中的，但我希望画布的中间是中心。
这是我想要居中的画布：
我使用html5 Kineticjs和javascript。
我希望你能帮助我。
浏览 1提问于2013-02-27得票数 1
回答已采纳
1回答
我正在尝试使用标准HTML或HTML5创建门户网站页面。我理解HTML的概念，但是来自软件背景的我对布局等更复杂的部分确实有一点困难。
布局的基本前提非常简单:一个居中的图像，周围有许多按钮。我有一个艰难的时间与布局的按钮。
布局的可视表示：
目前，中心图像正在显示，但我很难定位按钮元素。
我对如何布局网页有点困惑。我应该用<buttons elements surrounding this>做一个居中的<div>标签，还是用一堆其他居中的<div>来居中。
此外，如果使用HTML5有更好的方法来解决这个问题，我会非常感兴趣。
非常感谢，
J
HTML代码
浏览 4提问于2014-01-09得票数 0
下面的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
回答已采纳
2回答
我正在编写一个p5.js游戏，我必须在我的画布上绘制一个按钮，一个输入和一个p元素。我想让所有这些元素相对于画布居中。
我尝试了这个解决方案，但没有成功：
var gameCanvas = createCanvas(600, 600);
gameCanvas.parent("game-container");
input = createInput();
input.position(280, 300);
input.parent("game-container");
我有一个带有游戏创造者id的div，这项工作直到我通过css将div居中。当我将div居
浏览 0提问于2016-12-18得票数 0
如果我尝试为<html>设置一个居中和顶部的背景图像，并为<body>设置一个居中和底部的背景图像，它不起作用，只显示<html>背景。
这是不是每个浏览器都有？
浏览 1提问于2013-04-10得票数 0
回答已采纳
5回答
当我尝试垂直对齐内部DIV居中时，我的居中不起作用...
我的问题出在哪里？
CSS代码：
#page_bar
{
width: 100%;
height: 30px;
background-color: white
}
.page_bar
{
width: 800px;
height: 30px;
display: table-cell;
vertical-align: middle
}
HTML代码：
<div id="page_bar">
<div class="page_bar&
浏览 0提问于2012-08-18得票数 0
回答已采纳
要使一个HTML元素居中，我可以使用CSS left: 50%;。但是，这会使元素相对于整个窗口居中。
我有一个元素，它是一个<div>元素的子元素，我希望该子元素相对于这个父<div>居中，而不是整个窗口。
我不希望容器<div>的所有内容都居中，只有一个特定的子级。
浏览 178提问于2011-07-25得票数 204
回答已采纳
2回答
是否可以在vb.net的消息框中居中显示文本？(类似于html中的< center> )
这不是以自身为中心：
MsgBox("Thank you for using Eyes At Ease" & Chr(153) & vbCrLf & _
"You can always access this screen by clicking on the icon in your taskbar" & vbCrLf & _
"To adjust th
浏览 0提问于2009-08-20得票数 0
回答已采纳
3回答
我正在尝试在Javascript中居中按钮，以便它在页面中水平居中。现在，我的按钮在html文件中，所以我不知道如何使用CSS将其居中，因为它在Javascript中。 TLDR:在Javascript中，如果我声明了一个按钮btn，我应该写什么代码来水平居中它？ 我在互联网上到处寻找一种使用Javascript使按钮居中的方法，但都无济于事。我希望你们都能帮助我。 谢谢!
浏览 501提问于2021-06-26得票数 0
回答已采纳
所以也许这只是我将身体居中的方式，因为我在html中将它显示为居中的表格。
html {
display: table;
margin: auto;
}
body {
width:100%;
display: table-cell;
vertical-align: middle;
}
#background{
width:100%;
height:100%;
position:fixed;
background-image:url('image.jpg');
background-repeat
浏览 2提问于2013-03-09得票数 0
回答已采纳
2回答
我精通HTML和CSS，但我想听听你对这方面的意见！
我需要将箭头中的文本居中，但在居中文本旁边放置一个复选框。正因为如此，我不能像往常一样在箭头的所有内容上使用text-align。如果在居中包含检查，则锚点将偏离文本以包含检查，并且文本不会真正居中。
谢谢!
浏览 1提问于2011-07-10得票数 1
回答已采纳
例如，它们导致了关于自动边距的完全不同的行为。
看看这把小提琴：
<style>
.fixed {
display:fixed;
top:0px;
left:0px;
right:0px;
bottom:0px;
}
.centered {
position:absolute;
margin:auto;
top:0;
left:0;
right:0;
bottom:0;
}
</style>
<div class="fixed">
<div
浏览 0提问于2015-08-11得票数 1
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
回答已采纳
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
table {border: 1px solid black; width: 500px}
.title {height: 40px}
.close {float: right}
td {text-align:
浏览 4提问于2009-08-12得票数 3
回答已采纳
这就是我想出来的
<?php
<<<EOF
<!DOCTYPE html>
<html>
<body>
EOF;
$images = glob('pfp/*.{jpg,jpeg,gif,png}', GLOB_BRACE);
foreach($images as $resource) {
echo "<img src=\"" . $resource . "\">";
浏览 2提问于2018-01-31得票数 0
1回答
我想显示插件HTML5 jQuery音频播放器‘居中’在我的网站头版。插件附带了文章和页面的短代码，但是我的首页(首页)只适用于'set front page to posts'选项。
我是这个编码业务的新手，所以我想我需要从index.php模板文件中调用插件。
浏览 0提问于2013-01-30得票数 -1
我在我的iOS (swift)应用中使用WKWebView，我使用loadHTMLString(string，baseURL：)。现在的问题是，我希望HTML在框架中垂直居中。文本的长度是可变的。我该怎么做呢？
这是来自Xcode的HTML截图：
这是输出的图像。顶部的HTML在上侧，我希望它在视图中居中对齐(视图距顶部300点)：
浏览 3提问于2017-09-14得票数 0
3回答
我这里有一个jsfiddle -
我需要一个覆盖的页面和文本的全部宽度和高度是死心。
我可以用display: table做到这一点；但我需要html和body上的height: 100%；。
这在实际代码中造成了问题。
是否有可能有100%覆盖与居中的文本而不显示:表；
我这里有一个例子--
我可以水平居中，但不能垂直居中。
在第二个例子中是否可以将文本水平居中。
html, body{
height: 100%;
}
.block{
background: rgba(230, 97
浏览 1提问于2015-04-24得票数 0
3回答
我有一个列表的href链接，我想居中。 <div id="top-nav">
<ul>
<style>
ul li,
ul li a {
color:black;
font-size:20px;
}
</style>
<li><a href="Howdoesitwork%20Media.html">H
浏览 18提问于2020-07-23得票数 0
7回答
我想“居中”我的网页的文本和内容。现在我不想让文本居中对齐，我仍然想要左对齐，但我希望在左右两边都有明显的页边距，这样所有内容看起来都相对居中。你能给我演示一下实现这一点的HTML/CSS吗？谢谢。
浏览 0提问于2009-05-19得票数 5
1回答
固定导航栏
、、、、
我有一个导航栏，我想保持固定和居中。我当前将工具栏居中，但当我添加“position:fixed”时，它会将导航栏一直移到屏幕的左侧。我的导航栏目前离屏幕顶部大约20% (居中)。
CSS：
div.social-wrap{
width: 500px;
margin: 0 auto 0 auto;
padding-top: 25px;
}
HTML：
<div class="social-wrap">
<ul>
<li><a href="index.html" class="
浏览 0提问于2013-04-16得票数 0
回答已采纳
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
3回答
如何告诉图像保持居中- CSS
、、、、
我正在建立一个网站，我正在使用2000px宽的图像。我希望图像在宽屏幕上可见(就像我的用电视作为显示器的屏幕一样)，但较小的屏幕只能看到足够大的图像。(其余部分将被裁剪)。问题是，无论视口大小如何，图像都必须居中。我已经使用text-align:center;使文本具有响应性。我确实读过类似的主题，但无论我做什么，图像都是静态的，没有居中。请帮帮忙。
HTML：
<body>
<div id="wrapper">
<div class="header">
<img src
浏览 1提问于2013-12-14得票数 1
我几乎完成了我的第一个应用程序，但我仍然在处理一些小问题。
我的主要问题是，我正在加载一个普通的html页面，但我无法访问html代码。
现在我想在webview模块中将页面居中，因为页面也居中，所以当我加载页面时，我必须一直滚动到右侧，这真的很棒。
那么我该怎么做，让webview模块自动加载已经居中的页面，并且应用程序的用户看到页面的中间位置？
浏览 0提问于2012-05-10得票数 0
3回答
要将背景图像定位在中间
、、、、
你好，在我的登录页面，我有一个背景图像。目前，图像是居中，但不是居中的方式，我想它。我想要它，所以图像总是在中间的屏幕。现在，我的图像是居中的，但定位在页面的顶部。图像需要定位在屏幕的中央，并保持居中。
login.html
<body style="background-image: url({{MEDIA_URL}}/admin_media/img/admin/bigstock_Photo_Showing_Financial_Growth_1339836.jpg); background-position: 50% 50%; background-repeat:no-rep
浏览 3提问于2011-10-03得票数 5
这听起来很奇怪，我知道，但是我很难让一段文本稍微下移一点，这样它就会居中于它所在的标签上。
它看起来是这样的：
我希望购买垂直居中。
下面是html：
<div class="row-2">
<ul>
<li><a href="index.html" class="active">Buy</a></li>
</ul>
</div>
浏览 7提问于2011-04-08得票数 19
回答已采纳
与其在1div中用一个已经居中的徽标对文本进行居中，不如创建2个div，并在顶部div的底部和底部div的顶部居中？我已经设法在中心的标志在页面的中心，但只能设法在屏幕顶部的文本居中。我想把下面的标志。
.home-logo {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.homepage {
position: relative;
width: 100%;
height: 100%;
}
.home-text {
font-size: 28
浏览 1提问于2018-10-10得票数 1
回答已采纳
7回答
如何使图像居中？
、、
这张图片不应该居中吗？如果不是，如何使其居中？
<div class="logo-area">
<div class="logo-bg">
<a href="index.html"><img src="images/logo.jpg" align="middle" /></a>
</div>
浏览 0提问于2013-06-14得票数 1
当地址栏和工具栏显示时，我想在iPhone上垂直居中放置一个div。当浏览器全屏时，我可以让它在风景中工作……
但是一旦工具栏出现，div就不会居中。
有没有办法在不使用Javascript的情况下使div相对于窗口的可见部分居中？
下面是我当前的代码：
body,
div {
margin: 0;
padding: 0;
}
div {
width: 100%;
height: 50px;
position: absolute;
top: calc(50vh - 25px);
background-color: yellow;
}
<!D
浏览 0提问于2015-03-02得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
