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
回答已采纳
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
如何使网页的标题居中。下面是我写在纸上的代码： ? 我想把我的书名“自由国家”的标题居中 写出来的代码没有图像： <!DOCTYPE html>
<html>
<head>
<title>"Libertarian Nation"</title>
</head>
<body>
A place of decentralisation
</body>
</html> 那么，我如何才能使页面标题居中呢？
浏览 25提问于2021-03-24得票数 0
1回答
如何在Flex中将我的应用程序向左对齐？
应用程序是水平居中的，当我调整浏览器窗口的大小时，它保持居中。它不是css填充，而是flex填充，所以我猜我使用的是Flex代码。
我尝试将以下属性添加到应用程序容器中: paddingLeft="0"，left="0"..但它不起作用。仍然居中。
我还尝试在html/javascript代码中设置"align“和"left”，但没有解决问题，因为填充是在flex应用程序内部的。
谢谢
浏览 4提问于2010-12-18得票数 1
回答已采纳
我的网站有一个标题，它需要20%的屏幕。我想要一个图像(这是90%的标题高度)，就在标题的中心。我没有问题，使图像的水平居中，但我不能垂直地居中。下面是代码：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Website</title>
<link rel="stylesheet" href="stylingpercent.css"
浏览 2提问于2014-03-13得票数 0
2回答
程序员朋友们好！
我想居中的导航，并已研究和不知道的代码插入到我的自定义主题，我从HTML转换为Wordpress。(我是Wordpress主题开发的新手)
我的定制wordpress主题已经拉出了wordpress上的任何菜单并将其插入其中。
但我只需要你帮我把菜单居中。观察下图..。菜单太靠左了。
这是我目前在网站上显示WordPress菜单的"header.php“中的一些相关代码。
(Header.php文件)
<nav class="menubar"> <ul id="menu"> <?php wp
浏览 17提问于2018-01-16得票数 0
2回答
我试图使2个图像和这些图像之间的文本顶部栏。但是我不能把文本居中。我正在为移动设备做这件事。
这是我的html
<img src="1.jpg" />
Company Name
<img src="2.jpg" />
我尝试了下面的代码，但不起作用。我无法将文本居中
<div style="float:left"><img src="1.jpg" /></div>
<div>Company Name</div>
<div style="
浏览 1提问于2013-06-12得票数 0
回答已采纳
如何使用javascript、css和/或html在表格单元格中的图像上居中显示文本？
我有一个包含图像的HTML表-所有图像的大小都相同-并且我想在每个图像上居中放置一个文本标签。标签中的文本大小可能不同。水平居中并不难，但垂直居中却很难。
附录:我最终不得不使用javascript使用固定大小的div和绝对定位来可靠地将文本居中；我只是无法让它以任何其他方式工作。
浏览 2提问于2008-09-18得票数 1
回答已采纳
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
回答已采纳
我尝试使用一个位于菜单下面的div，拉伸它直到到达页脚(以防没有足够的内容)，然后居中。我可以使用绝对定位来拉伸它，但它不会居中；我可以将它居中，但它不会拉伸。代码看起来像这样：
HTML
<div id="container">
<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
CSS
html, bo
浏览 4提问于2014-04-29得票数 1
我看到了一些关于html的答案，但没有一个适合我的Rmarkdown。 我的目标是在使用rmdformats时，使侧边栏浮动在居中的main部分旁边。或者仅仅是侧边栏+ main居中。 需要包rmdformats 对于我当前的文件，侧边栏仍然固定在左侧，尽管我的代码应该居中“内容”。 .Rmd文件： ---
title: "my title"
date: "`r Sys.Date()`"
output:
rmdformats::readthedown:
highlight: kate
---
<link rel="styleshee
浏览 42提问于2020-07-03得票数 1
回答已采纳
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
回答已采纳
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回答
对齐图像中心
、、、、
我在jquery mobile中有一个面板，如下所示：
我希望徽标居中，但是下面的代码不起作用：
HTML
<div class="panel-content">
<img src="images/logo.png" class="logopanel" width="15%" length="15%" align="center">
<ul data-role="listview">
</ul>
<
浏览 2提问于2013-08-16得票数 1
回答已采纳
目前，我正在尝试将我在Joomla 2.5.x中制作的四(4)个自定义html-boxes居中对齐，以便能够在其中一个或多个框未发布后将它们自己居中。
到目前为止，我已经尝试在一篇文章中创建了一个“div”(带有一个类)，我用{loadposition name}加载了四(4)个自定义html-boxes中的每一个。但是当我这样做的时候，页面中间的方框会在彼此的下方居中。
在下面的例子中，这是我想让Joomla做的:我做了五(5)个框，每个框都是自定义的html。然后使用以下方法将它们加载到一篇文章中：qB48w。在这里，当用户取消对一个框的注释时，其余的框自动居中。
有了上面的例子，我希望能
浏览 5提问于2015-02-18得票数 0
如果使用下面的代码并创建一个html页面，您将看到蓝色标题div左对齐。尽管header元素具有固定宽度，并且左/右边距设置为自动，但仍会出现这种情况。
唯一能让表格居中的方法是删除display: table -cell属性。
我需要它既要居中对齐(水平对齐)，又需要子元素垂直居中(通过竖直对齐和显示指令)。
如何使div既居中对齐又垂直对齐？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit
浏览 0提问于2010-12-03得票数 0
回答已采纳
1回答
使用https://github.com/meliorence/react-native-render-html -我试图在我的html中居中文本，然而，它总是左对齐的，我如何将我的文本居中？ <View style={common.bannerText}>
<View style={common.textCenter}>
<HTML html="<p>Lorem ipsum dolor sit amet, consectetur adipiscing eli
浏览 7提问于2021-04-12得票数 0
回答已采纳
1回答
我通过html在表中有一个ul。我可以通过调用以下命令使ul居中：
style="display:inline-table"
有没有一种方法可以在不使用样式/css的情况下将无序列表居中？
完整代码：
<ul width="50%" align="left" style="display:inline-table" font-weight="normal">
<li>1</li>
<li>2</li>
<li>3&l
浏览 1提问于2013-02-28得票数 1
回答已采纳
7回答
我想“居中”我的网页的文本和内容。现在我不想让文本居中对齐，我仍然想要左对齐，但我希望在左右两边都有明显的页边距，这样所有内容看起来都相对居中。你能给我演示一下实现这一点的HTML/CSS吗？谢谢。
浏览 0提问于2009-05-19得票数 5
我想在jquery mobile css中的一个特定类的帮助下，将列表视图中的文本居中对齐。
我有以下代码...
<li><a href="index.html" data-icon="false" class="">Home</a></li>
或者我使用我的自定义css为它构建一个新的类...？？
浏览 0提问于2012-06-05得票数 0
回答已采纳
1回答
我对我目前正在开发的网页有一个问题：
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Title</title>
</head>
<body>
<form action="/cgi-bin/play.
浏览 4提问于2015-08-08得票数 0
回答已采纳
2回答
我所说的是：
html {
background: url(../Images/bgplaid.jpg);
background-repeat: inherit;
margin: 0px;
padding: 0px;
margin-top: 0px;
padding-top: 0px;
width: 1024px;
}
css会将页面大小设置为1024px，因此在几乎所有屏幕上，1024px的外部都是背景图像。
我想知道的是，我怎样才能使页面居中，使其始终居中。目前它在左侧。背景只在右边显示。我想知道怎样才能使html居中。
浏览 1提问于2013-02-09得票数 0
回答已采纳
1回答
我正在设计一个网站，我试图按照本教程https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_center-vertical在div中垂直居中元素。 从技术上讲，内容确实居中。问题是:内容div比内容本身更高，所以实际上它不是完全居中的，这给移动屏幕带来了问题。 不幸的是，不知道它是如何发生的，也不知道如何解决它。 Html部分： <div class="banner-item-content">
<img src="https://alto.7180.eu/modules/custo
浏览 23提问于2019-09-05得票数 0
回答已采纳
我在我的iOS (swift)应用中使用WKWebView，我使用loadHTMLString(string，baseURL：)。现在的问题是，我希望HTML在框架中垂直居中。文本的长度是可变的。我该怎么做呢？
这是来自Xcode的HTML截图：
这是输出的图像。顶部的HTML在上侧，我希望它在视图中居中对齐(视图距顶部300点)：
浏览 3提问于2017-09-14得票数 0
3回答
我对html知之甚少，对css几乎一无所知。我想知道在单元格内将左对齐的文本更改为居中对齐的最简单方法。stackoverflow上的某个人用以下代码帮助我解决了如何在wordpress页面上居中放置表格的问题。
<div style="text-align: center;">
<table style="margin: 0px auto;" border="0">
<table border="0">
<tbody>
浏览 1提问于2011-10-05得票数 2
回答已采纳
3回答
我在使用了JsFiddle。我将其更改为将div显示为方形对话框(水平和垂直居中)。结果是在。
如你所见，水平居中很容易，但我不能让它垂直居中。有人知道如何用纯CSS做到这一点吗？
编辑代码如下：
<div class="blind">
<div class="wrapper">
<div class="main">
I'm your div with an aspect-ratio of 1:1!
</div>
<
浏览 0提问于2013-12-02得票数 0
2回答
所以我又回到了基础，试图找出我做错了什么……
如果这是我的网页：
<!doctype html>
<html>
<head>
<style>
body
{
text-align: center;
}
</style>
</head>
<body>
<header>
<h1>Hello</h1>
</header>
</body>
</html>
它很好地居中，但如果我添加样式
width:
浏览 1提问于2013-06-02得票数 1
1回答
我正在开发一个网站，我想展示这样的东西：
我当前的html代码是：
<body>
<div id="about">
<img src="images/aboutCardIcon.png"/>
<span>About</span>
</div>
</body>
这个html代码正确吗？我可以使用span标签吗？
我怎样才能在文本的中间居中？
浏览 0提问于2012-02-11得票数 0
回答已采纳
我有一个加载脚本的广告，它位于一个居中的div中。无论我做什么，ie6、ie7和ie8都不会将其居中，除非body
text-align:center;
现在div的css是这样设置的，它只能在chrome/firefox上工作：
#header{
width:730px;
margin:0px auto;
text-align:center;}
我试着用这样的链条来使用.getScript：
.css('text-align', 'center');
但是脚本不会从外部加载到chrome中，然后它会将整个页面的CSS设置为脚本的宽度。我
浏览 2提问于2011-07-12得票数 0
2回答
我有一个html页面，其中我在一个列表项中有一个div，并试图使div在列表项中居中(div的宽度小于列表项的宽度)。我的CSS看起来像
ul.my {
width: 100px;
padding: 0;
}
li.my {
list-style: none;
}
div.content {
text-align: center;
display: table-cell;
vertical-align: middle;
}
HTML有一个代码片段，看起来像这样
<li class="my"><div clas
浏览 3提问于2012-11-02得票数 0
回答已采纳
我试图使用以下方法在浏览器上对图像进行居中：
top: 50%;
left: 50%;
但是，因为站点有一个隐藏的区域(额外的583‘t宽)，所以使用这个以CSS为中心的图像并不能准确地对图像中心。也就是说，它目前的工作方式是-(浏览器宽度+隐藏宽度)x 50%.不是浏览器宽度x 50%。
您可以通过单击加号来查看隐藏区域(jQuery动画用于取消隐藏溢出宽度)。我目前使用的是left: 30%；中心图像上的(企鹅和香肠狗)作为浏览器大小的粗略估计，所以它不是精确居中的。
有任何方法，我可以添加一些数学公式到上面的css代码，以弥补额外的隐藏页面宽度？？我希望能够做到以下几点：
浏览 2提问于2014-04-20得票数 1
8回答
CSS中的对中页
、、
我需要帮助在CSS中对页面进行居中。问题是，我对CSS几乎一无所知。我尝试了一些在堆栈溢出中发现的东西，但是似乎没有什么效果。我个人没有写代码，我只需要对整个页面进行居中。这是代码的一部分，在我看来，这是我需要调整的部分。如果没有，请告诉我代码的哪一部分应该调整以使其工作。我将非常感谢任何帮助和想法。
/* Main Layout */
html, body {
height:100%;
margin-bottom: 1px;
}
body {
font:59%/1.2 Helvetica, Arial, sans-serif;
color:#000;
浏览 4提问于2014-03-07得票数 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
4回答
我想要一个网页，内容居中，并指定最小宽度，以便它在智能手机的小屏幕上调整大小，但在PC上看起来仍然很好。
如果我将div的宽度设置为1024px，并设置自动边距，那么当浏览器窗口的宽度超过1024px时，div将保持居中。
但很明显，如果用户在小屏幕上查看站点，则需要横向滚动。
因此，我尝试将宽度更改为"min- width :480px“，但div在大浏览器窗口中不会居中。
我已经做了大量的谷歌搜索，博客/论坛的帖子声称，你所要做的就是设置最小宽度和自动边距。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"&g
浏览 5提问于2012-01-12得票数 2
回答已采纳
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
我正在尝试编写一个符合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
2回答
我有一个关于使用div#container居中页面的问题，通常容器代码是这样的：
div#container
{
margin-left: auto;
margin-right: auto;
width: 50em;
}
容器div标签包装了我想要在其中居中对齐的那部分代码。
例如，我们有2个对象A和B，_object A是绝对位置，B是相对位置
对象A和对象B都包装在容器内
问题:只有对象B(相对位置)居中对齐，对象A(绝对位置)不居中对齐
那么，如何将已经定位为绝对位置的东西居中呢？感谢您的解释
浏览 2提问于2009-06-15得票数 2
2回答
垂直对齐居中图像
、、、
对于我来说，图像不会以垂直对齐居中，看起来应该是这样。我只在quirks模式下为IE7编码(不幸的是)。我的代码如下。有人知道为什么它不能垂直对齐吗？
<html>
<head>
</head>
<body>
<div style="height:500px; width 500px; line-height:500px; background-color:Green; vertical-align:middle;">
<img src="./images/load.gif" style=&
浏览 0提问于2012-08-30得票数 0
2回答
我有两个需要水平居中的，但它们必须是相邻的。基本上，动态添加的html是一个按钮。这是我两个的代码，CSS是内联的，无论我尝试什么，我似乎都不能让它们工作。如果我使用display: inline，我就不能让它们彼此在一起:(。
<div class="infor-experience col-lg-2 more_info">
<div class="bottom-add-bid-buttons">
{% if request.user|isEmployer %}
<div class="add-to
浏览 6提问于2016-11-29得票数 0
回答已采纳
我试图在没有绝对定位的情况下在div中对图像进行居中，因为图像溢出到页面上的任何其他div上。例如，在容器div上方有一个div，它将包含按钮，但是图像正在溢出。有没有办法在没有绝对定位的情况下对图像进行居中？
更多的信息-我用的是电子。该图像实际上是一个base64编码的图像，它是从画布(canvas.toDataURL())中提取的，并使用IPC发送到主进程。在此之后，窗口的位置将更改为另一个html文件，当新页面完全加载时，将通过IPC发送请求以再次接收图像。然后将图像插入到页面上的img标记中。
$(document).ready(function() {
ipcRendere
浏览 2提问于2016-06-29得票数 0
回答已采纳
要使一个HTML元素居中，我可以使用CSS left: 50%;。但是，这会使元素相对于整个窗口居中。
我有一个元素，它是一个<div>元素的子元素，我希望该子元素相对于这个父<div>居中，而不是整个窗口。
我不希望容器<div>的所有内容都居中，只有一个特定的子级。
浏览 178提问于2011-07-25得票数 204
回答已采纳
2回答
更改宽度时CSS不对中
、、、
我有下面的代码。它简单地使python脚本格式化，使用的颜色。
hljs.highlightAll();
function clicked(){
if(document.getElementById("code").style.display === "block"){
document.getElementById("code").style.display = "none"
}else{
document.getElementById("cod
浏览 4提问于2021-05-16得票数 1
回答已采纳
1回答
我正在尝试插入一个背景图像，这样它就不会重复，图像居中。下面是我使用的XSL代码：
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/countries">
<html>
<body background ="bg
浏览 0提问于2012-12-07得票数 0
回答已采纳
1回答
我正在使用，我试图创建一个包含三个span3 div的居中行的网格。
我试图通过将三个span3s封装在一个居中的span9中来实现这一点，但这似乎行不通。
我的问题是，div没有正确地居中，而且由于我是HTML和CSS新手，我真的需要一些帮助。谢谢!
HTML
<div class="row">
<div class="span9 center">
<div class="span3">
<p>THUMBNAIL1</p>
<
浏览 2提问于2013-08-31得票数 1
回答已采纳
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来居中显示图像，这可能吗？我已经尝试了以下代码：
<a href="link">
<img src="URL" align="center"></a>
但是，图像不会移动。我该如何解决这个问题呢？
我试图居中的图像是我们的右栏上的捐赠按钮我将链接放在一个“文本”小工具中，这样CSS就看起来不起作用了。
浏览 3提问于2013-06-04得票数 6
回答已采纳
如何在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
回答已采纳
3回答
我正在尝试使用来实现一个水平和垂直居中的div，它保持浏览器100%的宽度和高度，其中文本应该垂直和水平居中对齐，但目前文本的顶行是居中对齐，而不是整个中心点在3行文本的中心。
有人知道怎么做到这一点吗？
我的HTML：
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Regret</title>
<meta charset="utf-8">
<link href='http:
浏览 2提问于2011-12-20得票数 1
回答已采纳
1回答
如何使我的页面标题("Pixel“)居中于表的中央(查看)？我不知道为什么还没有，因为它(一个<h1>元素)在同一列中，没有应用边距。
我不确定哪些代码是相关的，但是下面是我用来创建两列布局的CSS代码(以及HTML中的div)：
.column {
float: left;
width: 35%;
}
.row:after {
content: "";
display: table;
clear: both;
}
浏览 0提问于2018-03-24得票数 0
回答已采纳
5回答
我一直在建立一个网站，但不知道如何将导航链接居中。该站点是使用CSS表的HTML格式。
我试着把它们放在中心位置
margin: 0 auto;
任何建议都是很棒的！
站点地址为
如果你想让我粘贴所有的代码到这里，然后请要求，但我觉得没有必要，因为代码是开放的可从查看源代码
浏览 0提问于2012-02-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
