在我的首页上，我想居中显示目录视图(内容区标题为'Golfverzeichnis')：
要居中的CSS元素的名称: jrDirView
Problem-Description:图片和下方的左对齐链接应该保持不变，但是现在右对齐的整个目录视图区域应该居中，所以左右的空白是相等的。
浏览 3提问于2013-02-02得票数 0
回答已采纳
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回答
我有一个画廊在我的网站(koolcycles.com)下的主要图片，我想让它居中的页面(即有蓝色的虚线轴移动到的地方，红色线轴在所附图片)
我被告知需要更改CSS文件中的宽度。
我想知道我需要更改什么以及在哪里更改！
浏览 0提问于2015-10-12得票数 0
1回答
有没有一种有效的CSS方法来居中显示多张图片？链接上的图像显示左侧对齐的图像，而我正在寻找将所有三个图像居中的方法，因此看起来图像位于图片上的文本下方。
看到包装器方法，看到显示“align=”，看到显示:块；在我的例子中不起作用。有效的方法是使用center标签，但我发现使用center标签手工编码每一组图像都很耗时。
浏览 1提问于2018-04-26得票数 0
3回答
我正在使用Divi 2.0主题为我的一个网站。我有一个问题，当尝试居中的文本在一个方框和对齐的文本居中的移动版本。我会附上我的标题桌面和移动版本的图片。在Divi css代码中，问题出在哪里？
我网站管理员的网址是
浏览 50提问于2017-08-07得票数 0
回答已采纳
1回答
我正在使用在这个站点上找到的JQuery UI表：。
在我的选项卡中，我创建了带有图片的表。我编写了一些css代码，以使选项卡居中，但我希望使表(或内容)在选项卡主体内也是居中的。我假设我必须对这个类做一些css
Class=“ui-选项卡-面板用户界面-小部件-内容ui-角落-底部”
这是我的JsFiddle 。
为了使选项卡中心，我执行了这个CSS类：
.ui-tabs .ui-tabs-nav {
text-align: center;
}
.ui-tabs .ui-tabs-nav li {
float: none !important;
displa
浏览 2提问于2016-01-05得票数 0
回答已采纳
1回答
很长一段时间以来，我一直在使用设计控制来传递图像。然后我使用CSS来隐藏或不隐藏块中的特定图像。 现在我想使用来获得更多的灵活性和可控性。 我的问题是标题。我想将我的标题与图片对齐，就像我可以做的那样，而不是在它的容器div中。目前，我的标题只能在容器对齐时对齐。如果图像居中，则标题居中；如果右对齐，则标题右对齐。我可以做的就是让我的图片在页面上居中，我的标题相对于图片右对齐，我正在尝试独立地做什么。令人困惑？ 下面是我目前正在使用的一个示例： div.dImage {
text-align: center;
margin: 0 auto 2% auto;
浏览 14提问于2020-11-02得票数 0
回答已采纳
3回答
我在一个页面上居中显示两张图片时遇到问题：
<div name="pics"style="text-align:center;padding:70px">
<a name="picofday"><img class="picofday" src="castle.jpg" alt=""/></a>
<a name="frame"><img class="frame" src="frame.png&
浏览 4提问于2014-02-11得票数 0
4回答
我现在被这个问题困扰着。我在一个框中通过CSS调整图片的大小，并强制其高度。
.img_contener {
width: 100%;
height: 400px;
}
这里有用于调整图像大小的CSS：
img {
max-width: 100%;
max-height : auto;
height: auto;
width: auto;
box-sizing: border-box;
}
现在我想要将生成的图片居中，这取决于它的高度，它不适合包含框，默认情况下它留在左边。
边距:自动和文本对齐:居中都不起作用。
到目前为止，我还没有尝试过jquery解决方案。我更喜欢基于CSS的解决方案
浏览 2提问于2013-02-22得票数 1
2回答
我在把一些按钮和图片放在div的中心位置时遇到了一些麻烦。如下图所示：
现在你可以看到，按钮和图片等没有居中(可能值得一提的是，这些东西在表单标签中)。当然，我有一些测试文本会居中显示。
我的HTML的结构如下：
<div class="navigationButtons">
<form>
</form>
<p>Some tect that gets centered...</p>
</div>
和我的CSS：
.navigationButtons{
text-align:
浏览 3提问于2011-08-26得票数 1
回答已采纳
2回答
居中对齐的浮动块
、、
我正在尝试弄清楚如何有一个流体模板，可以包含中心对齐的浮动块。我认为下面的图片显示了它应该如何工作。
模板是流动的，并且可以调整大小。浮动框将覆盖屏幕的宽度，其余框将居中对齐。
如果用户调整窗口大小，剩余的浮动框仍将居中对齐。
我不确定如何使用CSS (可能只是)或jQuery来实现这一点？
浏览 3提问于2011-09-17得票数 1
回答已采纳
1回答
我在Xcode中有一个文本视图，我希望文本视图中的某些行居中对齐，其他行在文本视图中左对齐。图片：
我想知道“紫外线辐射是如何工作的？”居中对齐，"UV光线导致：“左对齐。
浏览 1提问于2016-02-02得票数 0
Xcode 4.2
我正在使用UIWebView并排显示两张图片。在肖像中，它们在两张图片的右边有一个很大的空间对齐，而不是居中对齐，看起来很奇怪。
有没有办法让它们居中对齐？
同样相关的，
如何在Xcode4.2的Nib文件中将显示内容转换为Landscape？
浏览 0提问于2012-01-04得票数 1
2回答
我有一系列元素，其中有一张图片，图片下面有一个包含文本的块。偶尔，文本会变得太长并中断到第二行。它看起来是这样的：
我需要垂直对齐文本，使其始终居中。我在这里创建了一个jsfiddle来帮助提供答案：
对于我的html/css，你知道我该怎么做吗？
浏览 1提问于2012-01-22得票数 1
回答已采纳
1回答
这个问题在互联网上充斥着，然而无论我走到哪里，我都无法实现它。
首先是代码。我在这上面花了一个多小时，无法将图像按我想要的方式对齐。基本上，第一行的图片左对齐，旁边的文本垂直居中。下一个“行”，图片右对齐，旁边的文字垂直居中。
我在这张使用表上花了5分钟来得到我想要的东西。
如果你能弄清楚如何让两者看起来一模一样，那么在我看来，你就是一个超级明星。如果你能解决这个问题，那么谁能告诉我为什么在当今CSS的世界里，对齐或定向文本是如此之难？？为什么在表上使用div？？我觉得这些年来编码标准变得越来越复杂。
很抱歉我大喊大叫，但由于我花时间发布了这篇文章，可能是为了帮助他人，而不是给up..ye
浏览 0提问于2012-02-14得票数 1
回答已采纳
3回答
我有一个图片(草坪的图片)，风格如下：
img{
width: 100%;
height: 40%;
position: fixed; <!-- top of page-->
}
我有一个<h1> Putnam Lawn Care</h1>，我想要有重叠和居中的图像，但我不知道如何使用css (我试过position:fixed; top: 20%; left: 50%;，但这使'Putnam草坪护理‘的'P’在50%，所以这也不是居中)？我也不确定固定定位是否正确，我应该使用绝对定位吗？提前感谢您的帮助！
浏览 0提问于2018-06-20得票数 0
回答已采纳
2回答
我在对齐数据网格的标题文本时遇到了一些问题。我对标题文本使用嵌入字体，并且在应用css时，标题文本的行为就像我将文本垂直对齐设置为顶部一样。我正在尝试将文本垂直居中，但还没有找到一种方法。
一张让你有更好想法的图片：
有什么建议吗？
致敬，BS_C3
浏览 3提问于2010-03-25得票数 1
回答已采纳
2回答
我很难在bootstrap 4列中对齐一些图像。我已经尝试使用CSS属性text-align: center，这将使图像水平居中。我的列占据了大量的视图端口，所以我还需要图像垂直居中。 下面是我的react组件返回的内容。class="img13“是我想要的中心。 <div id="border">
<div class="container">
<div class="row tower">
<div class="
浏览 65提问于2020-08-18得票数 1
回答已采纳
2回答
我正试图从头开始构建一个博客，而且我在图片顶部对齐文本时遇到了困难。目前，文本是对权利的形象，但它是居中。如何使文本与顶部对齐？
HTML
<img class="left" src="images/test.jpg" height="153" width="186" align="left">
<p class="right">bLAH BLAH BLAH</p>
<div style="clear: both"></div&g
浏览 0提问于2013-08-15得票数 0
回答已采纳
1回答
我有一个可能很简单的问题，但找不到解决方案。
我正在管理我的自托管wordpress，并且经常在我发布的文章中添加图片，并且喜欢让它们居中。然而，我注意到，当向居中的图片添加标题时，它们最终会左对齐。您可以看到一个示例 (第一张和第二张图片)。
“无标题&对齐”图片代码为：
<p style="text-align: center;">
<a rel="attachment wp-att-1949" href="http://themikal.com/?attachment_id=1949">
浏览 4提问于2012-02-20得票数 1
回答已采纳
我有两个不同的网页。
这两个网页的标题中都有以下CSS：
h1, h2, h3, p, div, form {
text-align: center;
}
这在中有效，第一个表列中的绿色加号图像(左边)是居中的(在这里是)：
然而，在中，绿色加号图像没有居中(这里是)：
请说明原因是什么?当我右键单击绿色加号图片并选择“检查元素”时，谷歌Chrome为什么要通过text-align: center？
更新：
是的，我可以在“计算”选项卡中看到text-align: start (这里是)：
但它从何而来呢？什么是“用户代理样式表”？
为什么它不适用于网
浏览 0提问于2014-05-19得票数 2
回答已采纳
2回答
我正在通过Qt's Active Qt模块生成一个Word文档。
我能够写到文档中，指定该书写的“样式”(粗体、斜体、合理解释等)。并查询它的不同部分。
现在，我正在尝试显示一张图片，并将其定位在页面的中心。
用于插入图片：
QAxObject word( "Word.Application" );
QAxObject* activeDocument = word.querySubObject("ActiveDocument");
QAxObject* activeWindow = activeDocument->querySubObject(
浏览 6提问于2014-12-11得票数 0
回答已采纳
1回答
占位符属性“文本对齐:居中”在IOS中不起作用，文本位于顶部，但在"ionic serve -l“和所有浏览器中都有效，但在设备中不起作用。css如下所示：
.input-login{
color: white !important;
font-family: 'Din Condensed';
font-size: 22px !important;
text-align: center;
}
图片：
谢谢
浏览 26提问于2017-02-21得票数 0
我正在整理一个网站，需要显示一个响应式的图像，其中图像始终对齐在浏览器的顶部，并将标题固定到紧接在图像左侧边缘下方的位置。
我的图像表现完美，但我不能控制字幕的位置，除非相对于图形。如何控制相对于图片的字幕？我想要的是让图片标题直接在图片的左下方对齐(而不是居中对齐)。它似乎总是在数字的底部结束。我已经读了大约25篇文章，试图找出如何做到这一点。
提前感谢！
这是我的HTML
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Doc
浏览 65提问于2018-07-18得票数 1
回答已采纳
我有一个可以用作按钮的div，但它不想在较大的div中居中！
这是我为更大的div提供的CSS：
.news-quarters{
width:189px;
height:300px;
position:relative;
float:left;
padding:10px;
padding-top:0px;
margin:10px;
text-align:left;
}
对于按钮div：
.green-button{
width:auto;
height:auto;
position: relative;
浏览 3提问于2014-10-02得票数 0
回答已采纳
2回答
对齐标签文本vb.net
、、、
有人知道如何在vb.net 2010中对齐标签文本吗？我知道它可以居中、右或左对齐，但我希望它像microsoft word一样对齐。
ty
浏览 2提问于2013-09-20得票数 1
在第一张图片上有六个相等的div。当屏幕尺寸增大时，div宽度变大，以使div填充它们的所有位置(表单元格或另一个div)。但是，如果有足够的空间将第四维放置在第一行，它就会变成这样(第二张图片)。在此之后，div的宽度变为初始值(如第一张图片中所示)。第二行中的两个div必须居中。
单靠html+css就能解决这个问题吗？或者只有在javaScript的帮助下。怎么做？谢谢你的帮助。
第一张图片：
* * * * * * * * * * * *
* * * * * *
* * * * * *
* * * * * *
浏览 4提问于2014-07-22得票数 1
回答已采纳
2回答
在下一页的图片库中，如何将图片库的缩略图居中对齐？
我尝试了所有的方法，包括对齐表格和tds too...need的帮助很糟糕。
浏览 0提问于2012-07-27得票数 0
2回答
我在div中有两个图像，我希望这两个图像在div中水平居中对齐。我试过了，但是我不能得到它，谁能帮助我吗？
提前感谢，附上CSS代码和图片：
div {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.subscribeLogo {
max-height: 100%;
max-width: 100%;
object-fit: contain;
}
浏览 0提问于2017-08-02得票数 0
1回答
我有一排DIVs用于导航，我只使用CSS将一个带有锚点的图片垂直居中。我试着垂直对齐:中间；但这不起作用。我确定这与浮动有关: left，因为所有图像都被推到左侧，但当我取出它时，div会变得疯狂。
HTML
<div class="linkgroup">
<img src="images/homeIcon.png">
<li class="navItem"><a href="somelink.com" class="navLink">
浏览 0提问于2013-05-27得票数 2
回答已采纳
2回答
我有个flexbox。它的内容是NxN正方形。我希望容器在给定显示宽度的情况下能容纳尽可能多的这些方块。我希望flexbox在页面上居中对齐。 然而，问题是当我使用 justify-content: center 图片： ? 则最后一行不会左对齐。但是，如果我更改为 justify-content: left 图片： ? 则整个容器不再在页面上居中对齐显示。我能以某种方式实现两个项目的混合吗，所以在这个例子中，我将有5个项目居中对齐，但最后一行将与前几行中的第一个项目对齐？ 最小重现： <style>
div { display: flex; flex-wrap: w
浏览 28提问于2021-03-21得票数 1
2回答
我的背景图片对齐似乎不正确。如何让背景图片居中对齐？
body {
background-image: url('<?php echo $backgroundpic;?>');
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
width: 100%;
height: 100%;
}
浏览 0提问于2015-11-01得票数 0
1回答
将图片旁边的文本放在一边或相反的边(左/右或上/下)是很容易的，但我需要沿着图像的左边居中一些文本，沿着底部居中一些文本。
我已经经历了几种解决方案，但每一种都需要手动将一段或另一段文本居中。在我下面的解决方案中，我选择了手动在左侧垂直居中，因为在底部水平居中文本需要随着文本长度的变化而变化。
Javascript将会非常简单。一些类似的东西
element.style.paddingTop = (Img_Height/2 - Txt_Height/2);
但是我很难相信没有一个纯粹的CSS解决方案。
有没有更好的方法来实现下面代码的相同效果？在这里查看它的实际效果：
<div cla
浏览 0提问于2012-11-23得票数 1
1回答
我使用css已经有几年了，但是这个问题真的让我很困惑。我想要右对齐一些文本，并在空间可用时使文本在较大的屏幕上保持内联。当屏幕尺寸缩小(在移动设备上)，文本分成多行时，我需要文本居中但仍然右对齐。
例如：
足够的空间，一行上的所有内容都正确对齐：
------------------------------------
Total Amount: $200,000|
------------------------------------
在小屏幕上，文本以多行居中并右对齐：
--------------------
Total Amount:|
浏览 1提问于2018-10-22得票数 0
有人知道为什么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
我正在尝试使用angular对齐下面展开/折叠问题栏中的文本。下面的代码是HTML/ Angular代码片段之一。有相当多这样的代码块构成了下面的图片 <mat-expansion-panel hideToggle>
<mat-expansion-panel-header>
<mat-panel-title>
User Data Management
</mat-panel-title>
<mat-panel-description>
What is an agent?
</mat-p
浏览 43提问于2021-03-31得票数 0
有没有办法在QPainter上画一张居中对齐的图片？我看到QPainter::drawText给了我们这个条款，但是drawImage没有。我有一个源rect，目标rect和一个图像。当源大小较小时，图像将绘制在页面的左侧。我想把它打印出来居中对齐。
浏览 5提问于2013-09-23得票数 5
1回答
在我的网站上，我有一个搜索结果的表格。它在火狐和Chrome中居中对齐，但在IE9中不对齐。我正在使用下面的条件CSS，但显然它不起作用，它仍然在IE9中左对齐。
<!--[if IE 9]>
<style type="text/css">
.ie9fix {
width: 75%;
position: absolute;
margin-left: auto;
margin-right: auto;
float: center;
}
</style>
<![endif]-->
我到底需要
浏览 0提问于2012-06-13得票数 0
2回答
我试图理解文本对齐，但它似乎根据应用于哪种类型的元素以及从何处应用，无论是父元素还是子元素，都有不同的规则。
据我所知，如果我将文本对齐:center应用于div，那么所有包含的元素都将具有文本对齐:center属性。
如果我应用文本对齐:居中于内联元素(如图像)，什么也不会发生，因为图像没有作为元素一部分的周围空间。我有这段代码，我不知道为什么它的行为是这样的。我试图实现的只是简单地在标题标记中水平地对图像进行居中，并以这样的方式实现：
body {
margin: 0;
}
header {
background-color: black;
height: 100px;
浏览 1提问于2022-09-21得票数 -1
2回答
我正在使用骨架和规范化css。我想在div容器内将两个图像并排垂直和水平地居中。当页面变窄时，我希望第一张图片底部的第二张图片如下所示
Normal width:
img1 img2
Narrow view:
img1
img2
这是我的代码：
<div id="center">
<div class="left">
<img class="u-max-full-width" src="img1.jpg">
</div>
&
浏览 5提问于2016-09-14得票数 1
回答已采纳
4回答
我在一个css文件中有以下几行
body {text-align: center;}
table {margin: 0 auto}
这会导致所有文本居中对齐。但在某些内部，我希望文本是右对齐还是左对齐，所以我添加了
<table style="text-align:right;">
文本仍然居中。我应该添加什么？
浏览 1提问于2012-05-19得票数 0
回答已采纳
7回答
我想“居中”我的网页的文本和内容。现在我不想让文本居中对齐，我仍然想要左对齐，但我希望在左右两边都有明显的页边距，这样所有内容看起来都相对居中。你能给我演示一下实现这一点的HTML/CSS吗？谢谢。
浏览 0提问于2009-05-19得票数 5
1回答
我有这个网页，其中有一个图像的顶部和其右侧和底部的段落。这是我正在使用的CSS (抱歉CSS直接在HTML中，我必须这样做)
<div style="float:left" class='wrapper'>
<img border="0" src="images/about.png" style="float:left;margin-right:2em;margin-bottom:2em">
<p style="text-align:left;line-height:14p
浏览 1提问于2014-08-04得票数 0
3回答
我需要显示一个段落对左对齐，另一个段落对右对齐，以及一个居中图像，所有这些都在网页页脚的同一行上。
我怎样才能做到这一点？我的当前代码获得了新行的第二段。
HTML
<div id="footer">
<p class="alignleft">Text</p>
<img id="logo" src="#">
<p class="alignright">More text</p>
</div>
CSS
.ali
浏览 10提问于2013-07-15得票数 1
我只想使用CSS而不是表格来重新创建它
代码将类似于以下代码
<ul>
<li>
<span class="icon-class icon-name"></span>
<span class="text">Text</span>
</li>
//more li's
</ul>
icon-class设置图像、显示块、宽度和高度，icon-name设置位置li向左浮动，列表样式无
我所有的CSS都很好，除了居中对齐图标；垂直对齐文本到底部和居中对齐文本
浏览 1提问于2011-10-14得票数 1
回答已采纳
我在我的专栏中使用，下面是我想出的内容：。
我希望列表像这样工作：
最大的问题是，在一定数量的px (记不清准确)之上，三列网格是居中的，但由于单元格的宽度等等，它看上去并不是中心，而在px的数量以下(当列表是一列模式)，偏离中心的问题就更严重了。
同样，我意识到这与单元格宽度等有关，但我不知道在哪里进行更改，以便在这两种大小下进行以下更改：
将文本和符号左对齐
在页面上对列表进行居中
如有任何建议，将不胜感激。将特别感谢您可以提供的任何细节:修改CSS。
PS:如果在响应网格系统之外有另一种方法来实现这一点，我也是开放的。
浏览 1提问于2013-05-30得票数 1
我正在设计一个通用的wordpress主题，所有的文本链接都有一个应用于悬停状态的边框底部。当一张图片被放到帖子中时，它会继承这种状态，这显然不是我想要的。
只有在帖子中放置未对齐的图像时，才会发生这种情况。右对齐、左居中的图像放在div中，未对齐的图像默认放在p标签中。
我不能通过CSS访问这个未对齐的图像，这是发布图像时的HTML层次结构...
<div class="the-post">
<p>
<a href="image.jpg">
<img class="gen-class-name" src
浏览 2提问于2010-07-09得票数 0
这似乎是我喜欢禁用的默认行为:当你插入一张图片时，它总是居中，之后我必须把它对齐到左边。如何禁用此功能？我不希望图像自动居中。
浏览 16提问于2019-07-11得票数 0
在iOS7中，UISearchBar居中。如果我想让它像iOS6那样放在左边呢？我想我看到我的一个UISearchBar是左对齐的。然而，我不知道如何做到这一点。
所以我希望第二张图片上的UISearchBar和第一张图片中的UISearchBar一样。
我在UISearchBar中根本看不到对齐选项，并且忘记了如何让顶部图片左对齐。上图显示左对齐的UISearchBar是可能的。
浏览 1提问于2013-10-28得票数 1
如何使图片水平居中，同时与容器底部对齐？
我已经能够让图像在水平方向居中。我还可以自己对齐容器的底部。但我不能同时做这两件事。
这就是我所拥有的：
.image_block {
width: 175px;
height: 175px;
position: relative;
margin: 0 auto;
}
.image_block a img {
position: absolute;
bottom: 0;
}
<div class="image_block">
<a href="...">&
浏览 2提问于2008-11-18得票数 40
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
