1回答
我得到了一个ul列表，它有几个需要向左浮动的li元素。每个li包含一个高度可变的图像，可以是150px，也可以是200px。所以我们得到的是多个盒子(Li)，里面有图像。这是安莉内部的确切html。
<li class="photo">
<a href="#" class="photo-link">
<img src="http://familytrees.genopro.com/MrSpock/pictures/200x150.jpg" class="photo-img
浏览 0提问于2014-02-02得票数 1
我有两行，每行有三列。第一行包含图像，第二行包含带文本的区域。在桌面浏览器中，三列水平对齐，每个图像都在相应文本区域的顶部对齐。但在移动设备上，当然，所有列都堆叠在彼此下面。这使得第一行中的所有图像都显示在彼此的下方。然后文本区也以同样的方式出现。
有没有一种css方式可以重新排列我的专栏？我想将图像及其对应的文本区域堆叠在一起，如下所示：
image1
textArea1
image2
textArea2
image3
textArea3
我有一个设置。
<div class="row">
<div class="span4"> <
浏览 1提问于2012-10-22得票数 7
1回答
引导-导航栏对齐
、、
我从bootstrap获得了创建导航栏的代码，并更改了内部文本以显示图像。所有的显示都很好，但是我想要更改一些东西，但是我不能弄清楚。这是我为导航栏准备的代码：
<div class="navbar">
<div class="navbar-inner">
<ul class="nav">
<li class="active"><a href="#"><img src="http://4.bp.blogspot.com/-Dv_1JE3Qw
浏览 0提问于2013-04-20得票数 0
我继承了一种设计，使用"float: right“将图像与视口的右侧对齐。现在我想在图像的上方或下方添加一些标语文本，这些文本也将与视口的右侧对齐。我不能理解box模型和/或如何使用浮动，因为我的努力导致标语和图像渲染彼此相邻，或者图像与标语的开头左对齐。
下面是我的CSS，它正好对齐了标语。提前谢谢。
<div style="margin:5px; float:right;">
<p>dexygen: Powering the Desk Wide Web</p>
</div>
浏览 0提问于2010-11-25得票数 1
回答已采纳
2回答
我有两个div块，里面有图像，我让它们彼此正确地对齐，但我让它们向左对齐。我试着将它们对齐到中心，但它们最终堆叠在一起。我是否应该在它们周围创建一个区块，并将其居中？
body {
background-color: #C8C8C8;
background-image: images/rottenlargebg.png;
}
h1 {
text-shadow: 2px 3px gray;
margin-left: auto;
margin-right: auto;
width: 200px;
}
img.width {
width: 100%;
}
i
浏览 2提问于2016-09-08得票数 0
2回答
我定义了两个CSS类，它们将背景设置为图像(如下所示)。一个是黄色的，另一个是灰色的。
.block-gray { background: url('grey.gif'); width: 15px; height: 3px; }
.block-yellow { background: url('yellow.gif'); width: 15px; height: 3px; }
我想要做的是使用上面的一个类定义一个可变数量的div，并让它们水平堆叠，并在一个更大的容器中居中。
所以，如果我定义了像这样的3个街区：
<div>
浏览 2提问于2010-10-15得票数 1
回答已采纳
我有一个固定宽度的堆叠面板。
在堆栈面板中，我有两个水平对齐的元素:一个文本块和一个文本框。
是否可以对齐这两个元素，使它们并排显示，但在堆叠面板中居中？
到目前为止，我的代码如下：
<StackPanel Orientation="Horizontal" Width="17cm">
<TextBlock Text="Invoice Nr:"/>
<TextBox Width="2cm" />
</StackPanel>
浏览 0提问于2016-03-27得票数 0
4回答
我需要将两个表格堆叠在一起，其中包含前后的内容。我不能让之后的内容正常流动。堆叠的桌子是可变高度的。
HTML结构：
... other content ...
<div id="ChartPanel">
<table id="chart">
<table id="underlay">
</div>
<div id="ExtraInfoPanel">
<table id=&#
浏览 2提问于2011-04-05得票数 0
回答已采纳
如何让两个div标签与CSS水平对齐？
我有两个div标签。一个包含文本，另一个包含图像。它们都是并排的，我希望第一个div中的文本与图像的底部对齐。图像在文本的右侧。
或者应该是这样的。当我使用各种CSS选项时，事情开始跳跃。
浏览 37提问于2010-05-28得票数 0
1回答
为了在我的页面上设置滚动条的样式，我使用了下面的CSS。它给了我完美的结果，并使图像在滚动条的中心对齐。
background: #3395d2 url('img/thumb.png') no-repeat center;
border-radius: 8px;
border: 1px solid #004c98;
然而，然后我拿起背景，用页面上的其他小图片创建了一个精灵。然后，为了再次在滚动条上对图像进行样式化，我使用了以下CSS。然而，这一次，它没有在中间对齐。
background: #3395d2 url('img/small-images.png')
浏览 0提问于2014-02-19得票数 0
我已经寻找了几个小时来解决我的问题，但都失败了。我遇到的问题是两个按钮的垂直堆叠。
这就是我正在尝试做的事情:这里两次显示按钮的地方是我试图放置按钮的地方，但我所能做的就是让它们水平排列，而不是垂直排列。
大按钮小按钮
Smallbutton
代码：
<button type="button" style="clear: right; display: inline-block; " onclick="playbr()"> <img src="Images/Queen.png"
浏览 0提问于2014-01-01得票数 1
我正在尝试创建一个页眉布局，其中需要包含2条in信息(我已将其放在两个div中)。在更宽的屏幕上，我想要对齐左边的一个街区和右边的一个街区，但在较小的屏幕上，我想将两个块堆叠起来，并对齐所有的文本。
然而，到目前为止，我还未能实现这两个目标。在不诉诸JavaScript的情况下，这可能吗？
下面是我到目前为止拥有的HTML：
<div class="container">
<div class="left">
Text on the left
</div>
<div class=
浏览 7提问于2015-09-24得票数 0
回答已采纳
这是我们的网站链接
在这里你可以看到我们的合作伙伴滚动使用选框，我已经设置图像对齐中心，甚至尝试与css即style="margin: auto;"，但静止图像不对齐在火狐和IE只有在CHROME的居中对齐你能告诉我这背后的原因可能是什么？
浏览 1提问于2012-01-19得票数 0
回答已采纳
我有两个图像，我使用其中一个作为背景(A)，我设置了另一个图像(B)的一部分，前一个。这正是我想要实现的，但是，如果分辨率改变，B图像是“移动”的，不再处于我想要的位置。
要做到这一点，我有以下HTML代码
<!DOCTYPE html>
<html>
<!-- Our Custom CSS -->
<link rel="stylesheet" href="main.css">
<body>
<div class="parent">
<!-- Backbr
浏览 1提问于2018-10-04得票数 0
回答已采纳
我正在努力使HTML/CSS中的文本之间很好地匹配一个图标。
似乎这在display:inline-block;中是可能的。然而，由于幻影填充，这似乎总是出错。
<div style="">
<div style="display:inline-block;">Text here</div><img style="height:24px;display:inline-block" src="{{ url_for('static', filename= 'images
浏览 3提问于2020-11-18得票数 0
回答已采纳
1回答
我正在使用引导用于我的CSS。我有一个数组，从数据库中获取50幅图像。图像大小不一。我想用这样的方式对齐这些图像，这样就可以创建成行的图像。行可以是任意高度(有些合理)。每一行中可能有不同的数字图像。基本上，我的灵感来自许多图片库和股票网站，如fotolia和shutterstock。当我搜索时，他们给了我100张图片，每个图片也有不同的大小，但它们对齐的方式是相同的宽度。我知道这些公司很大。但是我想要理解的是，是否可以使用css来实现它，或者它也需要使用php(用于计算图像应该如何堆叠)。
图像可以有不同的维度，但它们对齐的方式，他们采取的总宽度的div。
我多次尝试设置最大宽度和
浏览 1提问于2016-12-21得票数 0
5回答
我试图让我的图像水平对齐，但我似乎做错了什么，但我不知道问题是什么。
这是JSFiddle：
下面是CSS：
.imgcontainer img {
display:inline-block;
position:relative;
padding:1px;
border: 1px solid #c4c4c4;
margin:0px 37px 0px 0px;
width:175px;
height:175px;
}
浏览 1提问于2013-10-06得票数 0
回答已采纳
请参考下面的HTML代码：
#search
{
display:inline;
margin:100px;
}
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<span class="child">
<input type="text" n
浏览 0提问于2020-09-03得票数 0
我在堆叠面板上有一堆按钮，我想通过编程在需要的时候来回移动。我正在努力获得正确的可见性/对齐。按钮似乎有一些设置，当它们最初在第一个堆栈面板中渲染时会发生，因为它们还没有出现在每个按钮旁边，如果我添加(new other...and ())而不是add(btn)，我会看到按钮图像堆叠在一起。
按钮是非常基本的24x24全天候图像。没有样式/边距等。
它们正在从水平对齐的堆叠面板移动到垂直对齐的堆叠面板。
有人知道这是怎么回事吗？
浏览 0提问于2011-09-29得票数 0
3回答
html和css标识元素
、、、
如何使用CSS和html将图片放在带有div标签的左侧和右侧？还是有更好的方法？例如，我有：
HTML：
<img src ="..." .... ... /> <!--Picture 1-->
<img src = "..." .... .... /> <!--Picture 2-->
CSS：
img
{
align:left
}
这将使两个图像向左对齐。如何“识别”两个图像元素，然后将一个元素左对齐，另一个元素右对齐。两个图像相对于以java applet为中心的图像对齐。
浏览 2提问于2012-09-11得票数 0
回答已采纳
1回答
我有两个div，一个在左边，一个在右边。如果左侧的描述比图像(180px)长，则图像将保留在顶部。反之亦然，如果文本比图像短，则它是要在顶部对齐的文本。
我希望两者始终在中间对齐。
我认为我需要的是display:table-cells，然后是vertical-align:middle，但到目前为止，我还没有幸运地让它工作。
<div class="span4">
<img class="thumbnail" src="http://placehold.it/290x180" width="290" h
浏览 0提问于2012-10-30得票数 1
回答已采纳
4回答
我有两个可以伸展到可变高度的列，设计师希望在两个列之间有一个阴影，但正如你所看到的，图像在顶部和底部淡出。这意味着我不能只使用在右边的列中左对齐的css的背景图像。
因此，我想也许我可以使用具有径向渐变的CSS3边界阴影。我可能会使用表格单元格来做这件事，因为我需要阴影延伸到最高的列的高度。我该怎么做呢？
浏览 2提问于2012-10-30得票数 7
回答已采纳
1回答
我刚刚开始通过Dreamweaver学习基本的HTML/CSS。
这是一个相当简单的问题(我认为)。
我在一个表中有两个图像。
图像会对大小的改变做出响应。然而，(我以前也这样做过，但不记得是怎么做的)--当屏幕分辨率下降到更小的尺寸时，我如何让一个图像堆叠在另一个图像上？
代码如下：
浏览 0提问于2017-05-24得票数 0
我正在寻找关于如何自动注册以不同放大倍数获取的图像堆栈的建议。特别是，我们需要将活脑中几个脑细胞的小z堆叠(~100um)与固定大脑的大z堆叠(~2 2mm)对齐。我们希望能够找回之前成像的细胞，并拍摄高分辨率的染色图像，以识别突触前输入。需要考虑放大和旋转的差异以及可能的收缩或膨胀。我们想要一个关于使用ImageJ或matlab做这件事的最佳方法的建议。
浏览 0提问于2014-07-28得票数 0
我有一个页脚div，这是100%，我想应用背景在其中。背景图像宽度为1350 is，这是背景图像。
正如你所看到的，图像是一条曲线，所以当屏幕尺寸大于1350 it时，我的背景图像将被重复，但是如果我设置了“无重复”，它也不会填充100%。
因此，我想知道的是，有什么方法，我可以设置一个页脚背景100%填充，无论屏幕大小是和不重复？
请帮帮我。任何解决方案都是可以接受的，CSS或Javascript，没有任何问题。谢谢。
浏览 0提问于2013-02-06得票数 1
回答已采纳
1回答
我是HTML和CSS的初学者。我正在使用jquery mobile和jquery ui来构建页面。我已经在它旁边添加了一个选择菜单和两个图像作为按钮。我将边框宽度设置为1px以查看布局。如下图所示，选择菜单边框已扩展并覆盖了图像，因此我无法单击它们。
这是html
<div id="container" >
<img src="styles/add_button.png" id="addButton" class="imgButton">
<img src="styles/remo
浏览 7提问于2017-02-19得票数 1
1回答
在下面的代码中，我如何用"ExclamationPoint“类做垂直的中心元素跨度？我想把它设计成如下图片：
我尝试了填充-顶部和垂直；对齐，但我不能风格像图像
我想放置跨度与类"ExclamationPoint“垂直居中，而不管侧面DIV的高度。
浏览 1提问于2011-08-28得票数 0
回答已采纳
1回答
我试图用HTML和CSS创建堆叠的条形图。
示例1
此示例显示了与顶部对齐的堆叠条。然而，它们应该与底部保持一致。
错误解
我添加了position: absolute; bottom: 0来对齐底部的条形。然而，它们是重叠的。它们应该堆叠在一起。除了柔性盒(我必须支持IE9)之外，还有其他解决方案吗？
浏览 2提问于2015-08-07得票数 1
我正在使用ckeditor，我的内容中有很多图片。我看到的一个问题是，你可以在图片周围添加水平或垂直空间，但你不能只设置右边或左边的水平图片。通常情况下，如果我在页面的左边有一张图片，内容在右边，我只想设置右边距(以避免图像在左边缩进)
从上看，我只看到了在图片的两侧设置空间的能力。如果不像我想给非技术用户提供这个功能那样，有没有什么办法可以不用定制css呢？
浏览 0提问于2011-09-25得票数 5
回答已采纳
我的问题是如何在水平堆叠视图中堆叠三个按钮。两个按钮的大小相同，但一个按钮的大小不同(见截图)
按钮编号1和3的大小相同，但按钮编号2的大小较小。我试着这样做，但这是我的结果，所有三个按钮都有相同的大小：
浏览 1提问于2016-03-04得票数 2
1回答
使用以下css：
.container {
display : grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-template-areas:
'first second'
'first second'
;
}
.first {
grid-area: first;
width: 200px;
height: 200px;
background-color: red;
}
.second {
grid-area:
浏览 2提问于2019-03-24得票数 1
回答已采纳
2回答
我正在尝试将四张图片与它们的标题在一个正方形网格中对齐。
我使用了以下HTML代码：
<div class="grid">
<div class="post-block">
<img src="img1.jpg" />
<div class="caption">caption1</div>
</div>
<div class="post-block">
<
浏览 0提问于2013-12-21得票数 1
2回答
提交表单时图像会消失
、、、
我有一个联系页面上的表单和图标与社交媒体链接和电子邮件地址的页面。当提交表单时，图标/图像会从页面上消失，但是表单会进行验证，并且没有问题。我使用的是标准的img标签和一类floatLeft。我找到了一个解决方案，当某人在他们的css上使用位置相对时，他们可以工作，但对我来说仍然没有运气。这一定与css有关(至少我认为是这样)。我尝试过使用codeigniters img snippet (我正在使用CI框架)，图像在表单提交时没有问题，但不确定如何将CI图像标记与P标记对齐，因为它们似乎相互重叠。
任何可能存在问题的帮助或链接都将不胜感激。
谢谢。
已解决：
<img src="
浏览 0提问于2012-12-18得票数 1
回答已采纳
6回答
我有四张左右对齐的图片。除了第三张图片在第二张图片的下面。两者都与第一张图像的右侧对齐。第四个图像与第二个和第三个图像(彼此堆叠在一起)的右侧对齐。
见图：
我如何在CSS中实现它？
我有以下代码：
<div class="examples">
<div class="example"><img src="examples/1.jpg" /></div>
<div class="example"><img src="examples/2.jp
浏览 7提问于2016-01-17得票数 2
1回答
如何创建网页来比较两个图像，最好只使用(X)HTML和CSS，而不使用JavaScript和DHTML / AJAX？
最简单的解决方案是将两幅图像并排放在一起，要么触摸，要么几乎触摸和居中，或者每一张都在自己的一半页面中居中。鲁棒解的问题是可降解的部件。
所讨论的两个图像不需要具有相同的大小，例如，一个可以调整另一个图像的大小；一个问题是是否使用HTML属性将它们缩放到相同的视觉大小，以及如果两个图像的宽度不相等，是否将其居中或对齐到页面的中心：
|_______|_______| |___xx___|
(以整体为中心)
|_______|_______| |____xx__|
(与页面中心
浏览 4提问于2009-05-09得票数 1
我想把一堆可点击的链接放在边栏中，它的悬停效果覆盖了边栏的整个宽度。其中一些链接还包括一个图像，需要对齐，以便它是垂直中心相对于文本。以下是我目前的情况：
正如您所看到的，悬停效果和<a>标记还没有覆盖侧栏的整个宽度。这很糟糕，因为。我试过修改水平拉伸的基于CSS的表格单元格，但是文本部分没有保持正确的对齐。
正确的方法是什么？~我可以张贴我当前的HTML，如果它是有用的，但我计划重写我的标记基于这个答案的解决方案。
编辑：下面是相关的HTML片段。
<nav id="sidebar">
<ul>
<
浏览 4提问于2014-11-22得票数 0
4回答
我试图使div的内容居中，以便在IE 5、6、7和8以及FF中显示是正确的。
<div id="YoutubeClip">
<h3>Subscribe on YouTube!</h3><br>
<ul class="gallery clearfix"><a href="http://www.someyoutubevideo.com" rel="prettyPhoto" title="Some youtube title"><
浏览 1提问于2010-05-30得票数 3
回答已采纳
2回答
我是Bootstrap 3.0的初学者，我真的不知道如何在一个大型加速器中并排对齐两个按钮。
我有以下代码，但它只是将按钮堆叠在另一个按钮之上：
<p>
<a href = "#" class = "btn btn-default">See more</a>
</p>
<p>
<a href = "#" class = "btn btn-primary">
Martlet: Faces Edition
<s
浏览 0提问于2014-11-28得票数 1
1回答
我是Css的新手。我有一个HTML页面。
<body>
<div id="viewer">
<div id="flow">
<img src="images/beatles.jpg">
<img src="images/blink.jpg">
<img src="images/doves.jpg">
<img s
浏览 0提问于2012-02-24得票数 0
回答已采纳
2回答
我有一个宽度固定的表，它只有一个< tr >和1<tr>。< td >包含一个< img >，但是图像的宽度也会不时变化。如何将图像放置在< td >的中心？
我试图使< td >对齐，但这是行不通的。我试图对齐< img >，但这也不起作用。
我尝试添加2< td >，在< td >< img >的两侧各添加一个，并尝试使用css将两个空< td >的宽度调整为100%，将<td<code>E 223</code>E 223<
浏览 2提问于2013-12-28得票数 1
回答已采纳
我正在使用java-script window.print作为我的print div。当我在我的打印页中打印该div than I对齐问题时。
下面是我的代码，这是我已经用于打印，我也上传了两个图像。第一个是我的输出图像，第二个是我正在打印的布局。
function PrintPopup() {
var data = $("#viewCoupon").html();
var mywindow = window.open('', 'Print Data', 'height=540,width=980
浏览 1提问于2015-10-13得票数 3
2回答
在Xcode10(和更早的版本)中，我们可以让两个编辑器垂直堆叠在一起。我在Xcode11中没有做到这一点，只能水平堆叠，这不是使用我的旋转显示器(使用我的显示器“纵向”模式)的最佳选择。
可以垂直对齐编辑器吗？
浏览 1提问于2019-09-17得票数 0
所以我有一些文本，接下来(右浮动)到文档的页脚区域中的图像。当我将浏览器调整为min-width:768px时。
我试图获取文本，图像都是集中对齐的，图像位于文本的上方，但我似乎做不到。所有发生的事情是，图像缩小到一个点，而不是重新对齐。
下面是我试图实现的一个例子，以及我现有的代码：
HTML :
<div id="wrapper">
<footer id="page_footer">
<p>Thanks for visiting</p>
<a href=&
浏览 4提问于2013-12-23得票数 1
我正在尝试让两个图像在UIWebview中居中。
用户从八个图像的选项中进行选择。
下一个屏幕在两个图像上显示文本，然后显示两个图像，然后在两个图像下面显示更多文本。
我是Xcode新手，我不知道如何将这两个png文件居中。它们当前向左对齐。在它们的右边有一个很大的空间。我试过设置“右对齐”和“居中对齐”，但是没有找到合适的位置来做这些设置。
我想要做的事情能做到吗？
多么?
浏览 3提问于2012-01-14得票数 1
1回答
我目前正在使用jquery插件来设置我的背景图像。我遇到的问题是CSS/JQuery将页面按比例排列。我的内容位于#container div中，所以我将它的位置设置为绝对(最初是相对的)。如何使页面内容在中间对齐并保持100%高度的属性？
这是在jquery插件CSS 100% height 之前。
Jquery背景插件
<script>
(function($) {
$.fn.fullBg = function(){
var bgImg = $(this);
function resizeImg() {
var imgwidth
浏览 3提问于2012-08-03得票数 2
回答已采纳
我想请你帮忙。我和它斗争了很长一段时间，但我想不出好的解决方案。这是我在Django和HTML/CSS/js中的第一个项目，所以我很抱歉:P 我创建了两个图像来帮助我解释我的问题： ? 在本例中，我有三个图像，png和alpha。实际的图像是红色的"I-1“。较暗的边框是实际图像大小。默认情况下，它们当然是这样堆叠的。黄色是其他的东西。 当我按相对或绝对位置放置它们时，它看起来是这样的： ? 这也是为什么会发生这种情况的非常合理的原因。这就是我想要实现的。但是有两个/三个问题： 1.1 -网站的其他东西都掉下来了，这看起来很奇怪，我不喜欢这样。 1.2 -我的巨型加速
浏览 16提问于2020-03-26得票数 0
回答已采纳
我使用以下方法覆盖两个图像: Jsfiddle：
HTML：
<div class="overlay-single">
<img class="top" src=http://lorempixel.com/100/100/>
<img class="bottom" src=https://placehold.it/300x200>
</div>
CSS：
.overlay-single {
position: relative;
text-align: center;
}
.ove
浏览 1提问于2016-06-08得票数 2
回答已采纳
1回答
我的CSS是中级的，目前我更擅长使用现有的CSS而不是从头开始开发。我知道当涉及到响应式设计时，表格是一种痛苦。然而，我想知道，在较小的断点上，是否有一种方法可以将第一列中的文本堆叠到第二列中的文本之上，这样看起来就更好了(见截图)。有问题的页面在这里：
浏览 1提问于2017-04-26得票数 1
7回答
如何正确地使用CSS对齐图像。
I不希望文本wrap-around图像。我希望正确的对齐图像是在一条线上自己。
浏览 3提问于2011-03-07得票数 59
回答已采纳
1回答
我在一个页面上有一个通过下面的CSS对齐的图像
我希望在移动设备上(特别是在景观模式下)图像与左边对齐。我尝试使用以下代码：
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
img {
float: left;
}
}
我想这还不够，因为这似乎不起作用。我遗漏了什么？
浏览 2提问于2014-01-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
