如何使网页的标题居中。下面是我写在纸上的代码： ? 我想把我的书名“自由国家”的标题居中 写出来的代码没有图像： <!DOCTYPE html>
<html>
<head>
<title>"Libertarian Nation"</title>
</head>
<body>
A place of decentralisation
</body>
</html> 那么，我如何才能使页面标题居中呢？
浏览 25提问于2021-03-24得票数 0
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
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
回答已采纳
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
回答已采纳
如何在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
回答已采纳
所以也许这只是我将身体居中的方式，因为我在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
回答已采纳
3回答
我正在尝试在Javascript中居中按钮，以便它在页面中水平居中。现在，我的按钮在html文件中，所以我不知道如何使用CSS将其居中，因为它在Javascript中。 TLDR:在Javascript中，如果我声明了一个按钮btn，我应该写什么代码来水平居中它？ 我在互联网上到处寻找一种使用Javascript使按钮居中的方法，但都无济于事。我希望你们都能帮助我。 谢谢!
浏览 501提问于2021-06-26得票数 0
回答已采纳
2回答
我使用可用的JavaScript/jQuery脚本在向下/向上滚动时使表头浮动。我的桌子居中对齐。当我向下滚动时，标题浮动，但它们会左对齐，而表的其余部分是居中对齐的。下面是我现在得到的输出的快照：
我到底需要在这段JavaScript/jQuery代码或PHP/HTML代码中编辑什么内容才能使它们居中对齐？
更新
浏览 6提问于2012-06-08得票数 0
当浏览器窗口缩小时，站点标题会移到导航窗口的底部，而不是居中。
问:有没有人知道如何让站点标题在导航栏中居中，直到浏览器窗口足够小，使其位于列表项之上？
我的代码在这里：
站点标题的HTML代码为：
<span><a href="index.html" class="logo" id="home">Hyperdog Productions</a></span>
谢谢!
浏览 2提问于2015-07-29得票数 1
1回答
我正在尝试使用标准HTML或HTML5创建门户网站页面。我理解HTML的概念，但是来自软件背景的我对布局等更复杂的部分确实有一点困难。
布局的基本前提非常简单:一个居中的图像，周围有许多按钮。我有一个艰难的时间与布局的按钮。
布局的可视表示：
目前，中心图像正在显示，但我很难定位按钮元素。
我对如何布局网页有点困惑。我应该用<buttons elements surrounding this>做一个居中的<div>标签，还是用一堆其他居中的<div>来居中。
此外，如果使用HTML5有更好的方法来解决这个问题，我会非常感兴趣。
非常感谢，
J
HTML代码
浏览 4提问于2014-01-09得票数 0
6回答
我有一个问题与居中的HTML (垂直和水平)的div。我的代码看起来像这样：
<div id="container">SOME HTML</div>
#container{
width: 366px;
height: 274px;
margin: 50%;
top: -137px;
left: -188px;
position:absolute;
}
只有chrome将这个div居中到屏幕的中间。
浏览 4提问于2012-04-24得票数 5
回答已采纳
1回答
它总是说css代码margin:0 auto;不能让元素在IE6中居中
但是我发现如果我在html代码中设置文档类型，
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
它是我在Visual Studio 2010中创建html页面时自动创建的
margin:0 auto;可以让html元素再次以IE6居中
那么为什么文档类型可以工作呢?这个文档到底是什么意思
浏览 0提问于2011-04-25得票数 0
回答已采纳
6回答
我在找圆点的html代码。不是句子末尾的点，而是用来水平分隔项目的点。
Item 1 . Item 2 . Item 3
传统的点在线条的底部居中，而我正在寻找的点在中间居中。
浏览 2提问于2011-08-31得票数 222
回答已采纳
我几乎完成了我的第一个应用程序，但我仍然在处理一些小问题。
我的主要问题是，我正在加载一个普通的html页面，但我无法访问html代码。
现在我想在webview模块中将页面居中，因为页面也居中，所以当我加载页面时，我必须一直滚动到右侧，这真的很棒。
那么我该怎么做，让webview模块自动加载已经居中的页面，并且应用程序的用户看到页面的中间位置？
浏览 0提问于2012-05-10得票数 0
1回答
我有一个普通的html代码。
<span style="bottom: 65px;
position: relative;
left: 100px; color: red;">Hiii</span>
<img src="https://vignette.wikia.nocookie.net/sqmegapolis/images/2/2d/RealWorld_Stonehenge.jpg/revision/latest?cb=20150616102050">
当我运行这段代码时，文本居中。
但
浏览 0提问于2018-07-03得票数 0
3回答
我这里有一个jsfiddle -
我需要一个覆盖的页面和文本的全部宽度和高度是死心。
我可以用display: table做到这一点；但我需要html和body上的height: 100%；。
这在实际代码中造成了问题。
是否有可能有100%覆盖与居中的文本而不显示:表；
我这里有一个例子--
我可以水平居中，但不能垂直居中。
在第二个例子中是否可以将文本水平居中。
html, body{
height: 100%;
}
.block{
background: rgba(230, 97
浏览 1提问于2015-04-24得票数 0
当地址栏和工具栏显示时，我想在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
1回答
我需要在JLabel中居中两行文本。我的代码是：
lblSolution.setHorizontalAlignment(JLabel.CENTER);
...
lblSolution.setText("<html>" + result.getNearest() + "<br>" + "<br>" + result.getSolutionString() + "</html>");
问题是，它将两条线中较长的一条居中，并将较短的一条线与另一条线在同一x位置对齐。
浏览 6提问于2017-08-04得票数 0
4回答
我正在尝试让提交按钮居中页面。我的html代码是：
<div class="container-fluid">
<div class="row" style="margin-right:0;margin-left:0">
<form method="POST"
action="https://api.instagram.com/oauth/authorize/redirect_uri=http://hanie-asemi.ir/laravel/public/instagram/
浏览 0提问于2017-07-08得票数 1
3回答
我想知道如何使这个居中，它挂起了，我想让它像这个一样居中，这样灰色部分就会进入边界。下面是css代码和它的html : css：
#banner{
height: 279px;
width: 998px;
margin-right: 0px;
margin-left: 0px;
background-image:
url(/template/default/images/layout/background/newlayout/test.png);
}
html：
<div id="banner" ></div
浏览 1提问于2012-10-21得票数 3
回答已采纳
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回答
下面是我的代码：http://jsfiddle.net/vy6w2tun/1/ <html>
</html> (1)文本在页面居中，这就是我想要的。 (2)但是，我希望图像居中(确实如此)，但我不希望文本覆盖图像。我希望图像在文本下面，这样图像的任何部分都不会被文本覆盖，反之亦然。 我该怎么做呢？
浏览 20提问于2019-01-02得票数 0
3回答
使多个图像在一条线上居中
、、、
因此，我需要得到2张图片，彼此相邻，但居中。我已经知道如何将图像居中，但不知道如何将其中两个居中。问题出在display: block;的CSS中，display: inline-block;不能工作--就好像它是简单的内联一样。
我的代码居中显示一张图片：
CSS：
img {
margin: 0px auto;
display: block;
}
HTML：
<h1>This Week's Photo Features</h1>
<img src="images/photos/Ba
浏览 19提问于2017-08-05得票数 0
代码如下： body {
position: relative;
font-size: 30px;
}
#middle {
width: 420px;
height: 500px;
margin: 100px auto 0;
border: solid;
}
#left {
position: fixed;
border-style: solid;
border-color: red;
top: 50%;
transform: translateY(-50%);
left: 0;
}
#right {
position: fixe
浏览 25提问于2021-11-01得票数 0
回答已采纳
我试图使一个链接，其中有一个height和一个200px的width。链接的文本应垂直居中和水平居中。
到目前为止，这是我的CSS：
a:link.Kachel {
width: 200px;
height: 200px;
margin: 0 auto;
display: block;
text-align: center;
background: #383838;
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-align: center;
-moz-box-al
浏览 0提问于2013-02-14得票数 44
回答已采纳
6回答
我的网页位于960px宽的DIV中，我使用以下代码将此DIV居中：
html,body{background: url(images/INF_pageBg.gif) center top repeat-y #777777;text-align:center;}
#container{background-color:#ffffff;width:960px;text-align:left;margin:0 auto 0 auto;}
我需要html/body的背景图像来平铺页面的中间，它做到了，但是如果浏览器中可见的窗格是奇数个像素宽度，那么居中的背景和居中的DIV就不会对齐。
这只发生在FF中
浏览 0提问于2008-09-22得票数 3
回答已采纳
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
回答已采纳
2回答
我对文本进行了包装，以便更好地包含它，但它使它不再居中；它将它对齐到页面的左侧，但我需要它居中。
我最初根本没有样式部分，但我想我需要它来换行我的文本，因为我不想因为内容的性质而跨越整个页面。
简而言之，我只需要我的内容再次居中，但我需要文本的430px换行。
谢谢。
代码如下：
<!DOCTYPE html>
<html>
<title>contact</title>
<body>
<div class=“panel”>
<center>
<img src=img/ab
浏览 1提问于2018-05-26得票数 3
我正在尝试编写一个符合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
我这里有一个jsFiddle，请在Internet Explorer和其他主要浏览器中打开：
现在，在jsFiddle中，只需单击“添加问题”按钮，它将在下面追加一行。在行中它显示了两个按钮，一个称为"Select All Answers“，另一个称为"Remove All Answers”。
现在，在主浏览器中，按钮在表格中居中，这很好。但在Internet Explorer中，它不是居中的，它仍然靠左对齐。是否有一段代码导致它不在Internet Explorer中居中，或者我是否需要添加一些东西才能使其在Internet Explorer中居中？
我尝试过float:c
浏览 0提问于2012-12-27得票数 4
回答已采纳
1回答
如何在Flex中将我的应用程序向左对齐？
应用程序是水平居中的，当我调整浏览器窗口的大小时，它保持居中。它不是css填充，而是flex填充，所以我猜我使用的是Flex代码。
我尝试将以下属性添加到应用程序容器中: paddingLeft="0"，left="0"..但它不起作用。仍然居中。
我还尝试在html/javascript代码中设置"align“和"left”，但没有解决问题，因为填充是在flex应用程序内部的。
谢谢
浏览 4提问于2010-12-18得票数 1
回答已采纳
我在节点--content-type.html.twig中的代码如下所示。
{% autoescape false %}
{{ node.body.value }}
{% endautoescape %}
在我的节点中有图像，居中并带有标题，但当我查看节点详细信息时，由于缺少图形和图形标题标记，图像没有居中。
怎么才能修好呢？
浏览 0提问于2017-05-08得票数 0
我有一个将选择列表居中的html表单，我正在使用以下代码
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" >
$(document).ready(function() {
$('#primary_category').on('change', funct
浏览 0提问于2015-01-07得票数 0
1回答
我试图利用我网页中的页眉和页脚功能来嵌套HeaderPanels。
顶层HeaderPanel工作正常，但顶部面板中心的第二个HeaderPanel不显示。以下是示例代码：
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.HeaderPanel;
import com.google.gwt.user.client.ui.RootLayoutPanel;
public class Admin
浏览 0提问于2012-10-15得票数 0
我有以下代码-
<html>
<head>
<title>Silly Title</title>
</head>
<body>Silly Body</body>
</html>
如何将标题中的文本居中对齐？
浏览 2提问于2011-11-25得票数 3
回答已采纳
5回答
我刚开始使用HTML和CSS制作简单的网页，我想把我的内容放在页面中间。在我的代码中，我让内容在左边和右边居中，但我也想让它从顶部和底部居中。如果您要测试我的代码，您将看到顶部没有空格。我如何解决这个问题，使中心不仅从左到右，而且从上到下？
我的CSS代码看起来像这样：
body {
width: 100%;
height: 100%;
background-color: green;
}
#homePage {
width: 960px;
height: 600px;
background-color: white;
margin: 0 auto;
}
我的
浏览 0提问于2013-12-17得票数 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
回答已采纳
5回答
我不得不承认，我真的不太了解HTML，但我正在努力学习。我有一个图像在DIV中居中，但它并不是真正的水平居中。它的左边缘是中心所在的位置，如下所示：
-|image
做什么，做什么.
编辑一些代码：
<style>
#Outer {
position:relative;
height:100%;
width:100%;
text-align: center;
}
#Picture {
position:fixed;
top: 30%;
}
</style>
另外，我在垂直和水平方向上居中。垂直方向工作得很好。
浏览 0提问于2011-11-05得票数 1
回答已采纳
1回答
我正在使用并阅读以下链接：
关于如何使用CSS使表格居中，因为align已被弃用。然而，它们都不起作用，3个链接中建议的居中表格代码如下所示：
.centered-table {
margin-left: auto;
margin-right: auto%;
}
我的代码：
CSS：
.maintbl {
margin-left: auto;
margin-right: auto%;
}
HTML：
<table class="maintbl" id="tblMain">
<tbody>
浏览 5提问于2016-10-29得票数 1
如何使用javascript、css和/或html在表格单元格中的图像上居中显示文本？
我有一个包含图像的HTML表-所有图像的大小都相同-并且我想在每个图像上居中放置一个文本标签。标签中的文本大小可能不同。水平居中并不难，但垂直居中却很难。
附录:我最终不得不使用javascript使用固定大小的div和绝对定位来可靠地将文本居中；我只是无法让它以任何其他方式工作。
浏览 2提问于2008-09-18得票数 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
3回答
我正在尝试在一个水平居中的div中有一个iframe。它在火狐上运行得很好，但在IE8上就不行。下面是我的完整代码：
<!-- <!DOCTYPE HTML> -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head></head>
<STYLE type="text/css">
body {
background-color: silver; }
#container {
浏览 1提问于2012-11-07得票数 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
3回答
我已经在div中将文本居中，但是我只能使用text-align: center使其水平居中，但是我在垂直居中文本时遇到了问题。我试过使用vertical-align: middle;，但不起作用
下面是一个代码：
带有文本的代码就在html面板的底部，文本是"INFO“
这是到目前为止的代码：
<div id="inf" style="
text-align:center;
background-color: white;
p
浏览 3提问于2014-05-19得票数 0
0回答
我已经将以下代码添加到我的VerticalPanel中，所有其他小部件都附加到它。它的行为与预期一致，并且所有内容都居中，并与我的application.html文件中定义的HTML保持一致(给您一个参考)。
this.vPanel.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_CENTER);
然而，当我在Chrome、Firefox和IE上缩小到~ 120%以下时，我的HTML标题仍然完全居中，但我的垂直面板向左移动，如下图所示(我必须涵盖专有信息)：
如何在任何缩放级别上使其与HTML标题保持一致？
浏览 5提问于2017-11-28得票数 0
我正在尝试居中具有背景视频容器的图像。我想让它在垂直和水平方向上精确居中。目前，我只能将图像水平居中，但在垂直居中时遇到困难。当我将图像居中时，它不会响应。有什么想法吗？
这是它在我的标题区域中的样子：
HTML代码：
<div class="header-container">
<div class="video-container">
<video preload="true" autoplay="autoplay" loop="loop"
浏览 15提问于2017-02-13得票数 0
我是HTML和CSS的新手。我已经尝试了下面的代码
<!DOCTYPE html>
<html>
<head>
<title>Center</title>
</head>
<body>
<div id="div1" style="width:300;background-color:olive">
<div id="div2" style="width:100px; margin-left:auto; marg
浏览 5提问于2015-03-10得票数 2
回答已采纳
5回答
我正试图在我的网站中居中显示视频，但我不想在HTML中使用居中标记，因为它有点过时了。如何使用CSS实现这一点？这是我的HTML代码，如果有帮助的话。
<center>
<video width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg">
<
浏览 18提问于2013-07-07得票数 10
1回答
我已经看到过类似的问题，我一直在尝试让代码适合我自己的情况，但我就是找不到解决这个问题的方法。
我需要一个居中的水平导航栏有一个下面的文本图像。我已经把所有的东西都准备好了，我只是不能让列表作为一个整体在页面中居中。
这是我的css：
#mainnav {
width: 100%;
text-align: center; }
#mainnav ul {
list-style-type: none;
text-align: center;}
#mainnav li {
display: inline;
float: left;
text-align: center;
margin-left:
浏览 1提问于2013-12-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
