尝试创建可堆叠的容器，图像和文本框旁边各有50/50个100%宽度？
要实现图像和文本框旁边各有50/50个100%宽度的布局，可以采用CSS的Flexbox布局。Flexbox是一种弹性盒子布局模型，可以在容器中自由排列和分配子元素的空间。
以下是实现该布局的步骤：
- 创建一个包含图像和文本框的容器元素，可以使用div标签，给其一个类名或id来标识。
示例代码：
<div class="container"></div> - 使用CSS样式为容器设置Flexbox布局。
示例代码：
.container { display: flex; } - 创建图像元素和文本框元素，并作为容器的子元素添加进去。 示例代码：
- 创建图像元素和文本框元素，并作为容器的子元素添加进去。 示例代码：
- 为图像和文本框元素设置相应的CSS样式，使它们各占50%的宽度。 示例代码：
- 为图像和文本框元素设置相应的CSS样式，使它们各占50%的宽度。 示例代码：
通过以上步骤，你可以实现一个具有图像和文本框旁边各有50/50个100%宽度的布局。
请注意，这只是一种实现方式，具体的实现方法可能因项目需求和环境而有所不同。此外，腾讯云并没有直接针对这个特定的布局问题提供特定的产品或链接。
相关·内容
2回答
我有3个图像水平堆叠(每个图像旁边的另一个)。我的目标是在缩小页面大小时保持这些图像水平堆叠。我想要的图片自动调整大小，而不是打破它到下一行。我不想使用百分比(%)来表示图像的大小。我根本不想设置图像的大小。
当我使用bootstrap并缩小页面时，当页面尺寸小于图片尺寸时，右边的图像会换成新行，第二个图像也会发生同样的情况，直到所有图像垂直堆叠。在这一点上，当我进一步缩小页面时，我得到了我想要的-图片会根据页面大小调整大小。
请帮助我在不将图片打断为新行的情况下获得此行为。
这是我的html：
<body>
<img src="img/test.png&
浏览 2提问于2013-08-17得票数 0
1回答
所以我使用了flexbox来创建网格，不幸的是，我在如何让div堆栈堆叠在一起的问题上遇到了一些麻烦。这是我隐藏overflow:auto并添加相对于carddiv的位置时的样子。我相信div堆叠在顶部，但它们看起来不是正确的方式。 它看起来是这样的： 图像链接https://imgur.com/a/1KsJDh7 我希望它看起来是这样的： 除了positon:absolute会让一切消失。我是css/html的新手，所以我不太确定我做错了什么。 https://imgur.com/a/mrLsTdX App.css * {
/*overflow:auto*/
}
.App {
浏览 18提问于2019-02-06得票数 0
1回答
我有一个父容器，宽度可以是50%，60%等等。容器里面有三个元素。
标签-应该利用100%的宽度，必须是第一行。
文本框-使用父容器内的可用空间，这里的宽度也可以变化，比如50%，60%等等。
按钮后面跟着文本框，宽度应该是50 by。
我想实现下面的场景。在下面的场景中，按钮必须在文本框旁边。
父容器的宽度可以根据此变化，文本框应该利用可用的空间。
文本框的宽度可以不同，因此按钮应该位于文本框的旁边。
请参阅附件以获得更清晰的信息。请帮我解决这个场景，只有css和html，没有js。
提前谢谢。
浏览 2提问于2014-09-04得票数 0
3回答
我有以下的图像，我想显示一个圆形覆盖时，它盘旋在上面。现在它是椭圆形的。我该怎么做呢？
.container {
position: relative;
width: 50%;
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
border-radius: 100%;
opacity: 0.5;
transition: .5s ease;
background-color: rgb(186,
浏览 0提问于2019-03-01得票数 1
回答已采纳
1回答
背景
我试图制作一个div，其中一个图像在一端，另一端有一个文本部分(占用剩余的可用空间)。图像的大小相对于窗口的宽度和文本在可用空间内的中心对齐。
而且，图像上有绝对定位的图标，相对于它的大小。
HTML：
<div id="previousVideo" onclick="backVideo();" title="Back">
<div class="videoNameContainer">
<p class="videoName"></p>
&l
浏览 0提问于2018-01-21得票数 0
回答已采纳
我想要放置图像，箭头，标题和输入文本框的特殊方式，就像在图像。
在hr或td中使用stlye标签不是很好的做法，对吗？即使这样也没什么用
要在tr之间保留空间，只有<br/>是选项，还是更好的方法是可能的？
如何在不使用 的情况下保持箭头、标题、文本框之间的空间
小提琴：
我想显示这样的内容：
css：
.content > .container {height: 100%;}
.img-container1 { float:left; height:80% !important; width:40%}
浏览 0提问于2014-06-17得票数 0
回答已采纳
1回答
我正在尝试在2个div中实现过去和未来的图片线。屏幕左侧的所有图片从右到左堆叠到无穷大，屏幕右侧的所有图像从左到右堆叠到无穷大。我几乎已经做到了这一点，除了我不能阻止图像转到新的行。
HTML
<div id="parent1">
<div id="past">
<img id="topic1" src="./img/topic1.png"></img>
<img id="topic2" src="./img/topic2
浏览 0提问于2013-07-09得票数 1
回答已采纳
可能有一个答案，但很明显，我并没有抓住它，所以我来这里寻求进一步的解释和帮助。CSS是非常复杂的af，lol很棒，对吧？下面是我当前项目的截图：
两个问题:第一，为什么第一个文本在图像下面，其余的在图像旁边？这只是一个一般性的调查，我根本不想让你展示它。所以我要问第二个问题..。
第二，我正在与整个display: inline-block属性概念做斗争。我希望这些水平显示与文字下方，而不是旁边。
下面是专门为提供的屏幕截图编写的代码：
<div className={styles.grid}>
<a href="..\pages\satweather.js&
浏览 2提问于2022-07-15得票数 0
回答已采纳
我有这样的代码，我将两个图像的最大宽度设置为最大宽度:50%。一开始，我以为每个图像都会延伸到屏幕的50%，就好像我设置了宽度:50%，但是所有浏览器的行为都是不同的，而且实际上是一致的。
这种行为有效吗？
附注：这个行为实际上是我想要实现的，所以没有可以修复。
<img id="hplogo-img" src="//www.google.com/logos/2002/w_olympics_02-1.gif"><img id="hplogo-img2" src="//www.google.com/logos/2002/n
浏览 2提问于2012-05-16得票数 0
回答已采纳
1回答
我有一个响应性文本框，标签在焦点上移动，如果文本框有输入的话。我试图向文本框的右侧添加一个图像，该图像与文本框输入的中间对齐。但是图像被移下来了。
HTML：
<div style="margin-top: 20px">
<input class="responsiveTextBox" type="text" id="clientName" required="required" />
<img src="https://s31.postimg.org/6bym9bjn
浏览 2提问于2016-07-26得票数 0
回答已采纳
2回答
IE7向左浮动和堆叠问题
、、、
关于IE7留下的浮点元素的快速问题。基本上我有一些像这样的HTML
<div><a href></a></div>
<div><a href></a></div>
<div><a href></a></div>
<div><a href></a></div>
divs需要水平地排列在彼此的旁边。
现在div向左浮动，其中的锚标签有背景图像、宽度、高度和display:block。
到目前为止，它可以在除I
浏览 2提问于2010-11-19得票数 7
1回答
力内容水平流动
、、
我希望迫使动态垂直居中的框的内容水平地流动，而不是通常需要向上或向下滚动的垂直流。
#outerbox {
height: 100%;
overflow: hidden;
position: relative;
}
/* Creating 2% margin on left & right then 3% on top and bottom */
#innerbox {
height: 94%;
margin: 0 2%;
margin-top: -47%;
position: absolute;
top: 50%;
}
浏览 1提问于2010-12-11得票数 1
1回答
搜索大多数类似的堆叠溢出帖子，但没有结果，因为我的情况有点不同。
尝试在svg图像上添加边框，就像在这些图像中一样，，但做不到。
我注意到，当我增加边界半径，它是重叠的右上角的音乐图标，所以我希望完整的图标是可见的，在下面的图像。
找到我正在处理的svg图像。
我还发现，如果使用文本编辑器打开svg图像，里面有一些信息；我试图更改填充的颜色并工作。
请注意，如果必须将其转换为PNG或使svg透明，请注意。
尝试了下面的代码，但是它不起作用/ ASP.Net MVC - CSS
<div>
<img src="~/Content/images/music.svg
浏览 1提问于2020-06-12得票数 0
问题:我正在尝试与nag的固定标题的布局，下面将是一个图像，将适合该页面。下面我想要div的内容。我面临的问题是，我无法同时获得图像和内容div来适应屏幕和垂直堆叠。
IMG设置为绝对，因为这是我可以让它在不调整边距的情况下100%适应屏幕的唯一方法。但是，当我这样做时，我将用于内容的下面的div：.body2和.body3不会显示。
我想让一切都与浏览器的屏幕齐平，并正确堆叠。
HTML：
<header>
<div id="headernav">
</div>
</header>
<div id=&#
浏览 3提问于2014-08-04得票数 0
2回答
我正试图有一个圆形的图像，以适应规模。我尝试了下面的代码和圆周缩放，但我的图像没有与它一起缩放。唯一的方式，图像将显示在圆圈内，如果我把图像作为背景URL。也许有人能给我指明正确的方向。以下是代码：
<div id="circlePicHolder" class="circularImageHolder">
<div class="circularImage"></div>
</div>
CSS
.circularImageHolder{
width: 100%;
浏览 2提问于2014-06-25得票数 0
回答已采纳
你好，CSS大师的堆叠溢出。我被困在一个问题上，我认为这可能是不可能的CSS。
我想将这两条规则结合起来，并将它们应用于同一个图像：
1)随着浏览器大小的变化，动态缩放图像
#main-graphic {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
2)当浏览器变小时，图像的中心图像和裁剪边。
#main-graphic {
width: 2560px;
height: 100%;
margin-left: -1280px;
left: 50%;
position: relative
浏览 3提问于2012-10-19得票数 1
回答已采纳
1回答
我有一个表格形式的jQuery UI自动完成组合框()。
<tbody>
<tr>
<td><select id="someSelect"><option....></select></td>
<td>....</td>
<td>....</td>{*n}
</tr>
</tbody>
<script>
$('select#someSelect').combobox();
&l
浏览 0提问于2013-05-11得票数 1
回答已采纳
我试图让这两个div很好地结合在一起，但这行不通。我已经得到了大屏幕视图，但无论我做什么，div在小屏幕(移动设备)上都不能正确地堆叠在一起。目前，我的代码已经将它们堆叠在一起，但现在拒绝将第二个放在一起。我已经尝试了其他问题中的许多建议，但我要么有相同的问题(没有显示第二个div)，要么它们仍然会出现在彼此的旁边。 我已经尝试了其他问题中的许多建议，但我要么有相同的问题(没有显示第二个div)，要么它们仍然会出现在彼此的旁边。 大屏幕工作，较小的屏幕预计将显示div1堆叠在彼此之上，但它只显示div1。 .hiraola-banner_area-3 {
padding-bottom
浏览 11提问于2019-06-05得票数 0
1回答
最大宽度的右侧引导图像
、、、
我希望我的图像是右对齐的。所以我这样做了： .section {
margin-bottom: var(--double-margin);
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
} <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity=
浏览 22提问于2021-07-31得票数 0
回答已采纳
但是，当我应用float时，我尝试将div浮动放在右边:向右，并使页面大小随着浏览器而变小，div位于前一个div之下。
HTML
<div id="container">
<div id="navbar-container">
<div id="mainlogo">
</div>
<div id="sublogo">
This is a subtitle test
</div>
<div id=
浏览 1提问于2016-01-24得票数 0
回答已采纳
我有一个图片网格，可以自己很好地显示，但是我不能将这个网格放置在侧边栏旁边。
要构建网格，我将图片放置在<ul>中，并设置<li> display: inline-block的属性。
当试图将此网格合并到侧栏div旁边时，它不会放在侧栏的一侧，而是放在侧栏下面。放短信做我想做的事。现在，当我省略display和float在<li>上时，图片显示在正确的位置(侧边栏旁边)，但是我希望图片显示在一个网格中，而不是一个列。
这是我的CSS
ul.cats li {
width: 200px;
display: inline-block;
浏览 0提问于2014-07-08得票数 0
回答已采纳
我正在尝试设置可调整大小的图像的上限值，以使其保持在包含div的范围内。我正在使用mootools来使图像既可移动又可调整大小(实现Drag.Move和makeResizable来实现此目的)。
我的临时解决方案是使用overflow:hidden;，以便调整大小的图像在超出容器大小时不会覆盖页面的其余部分，但我希望能够有一种方法，使图像不能在容器之外调整大小。
我知道由于limit是在'domready'上设置的，如果我尝试将其设置为一个随着图像大小调整而改变值的变量(即：onDrag)，limit参数将不会动态更新。我想知道是否有人能洞察我如何才能达到与Drag.Move
浏览 1提问于2011-05-18得票数 0
我正在尝试使用本教程向我的网站添加一个图像滑块：和您创建它所需做的事情之一是将幻灯片放在display: flex中，以便它们并排(然后添加javascript以使其工作)。
在我的网站上，幻灯片应该由一些文本旁边的图片组成。然而，当我试图将幻灯片放在display: flex中时，图像就会消失，只剩下文本框相隔。我不知道为什么会这样。当我尝试使用display: grid而不是列数=幻灯片数时，也会发生同样的情况。
我该怎么解决这个问题？
.slides-container {
width: 100%;
margin: auto;
margin-bottom: 7
浏览 9提问于2022-08-17得票数 1
1回答
我已经用我想要的功能设置了一个小提琴，但是当图像具有基于百分比的宽度时，我不知道如何实现相同的结果。
$('img').click(function() {
var toggleWidth = $(this).width() == 350 ? '700px' : '350px';
$('img').animate({ width: '350px' });
$(this).animate({ width: toggleWidth });
});
正如您所看到的，当单击图像时，它
浏览 0提问于2013-02-21得票数 3
回答已采纳
2回答
如何将文本块定位到图像容器旁边
、、、、
我在向我的网页添加段落文本时遇到了一些问题。我有一个视差图像，我想放置一个标题和段落旁边。当我尝试这样做时，文本出现在一个细长的直线中。我尝试过使用内联块和relative:position，但似乎都不起作用。如果有人能看一下我的代码并告诉我哪里出了问题，我将不胜感激
<!DOCTYPE html>
<html>
<head>
<title>"Parallax Astro Girl"</title>
<link rel="stylesheet" type=&
浏览 4提问于2021-12-01得票数 0
2回答
XCode 8-根据方向更改约束
、、、、
这是我的问题。
我有一个不适合iPad或iPhone应用程序的方形图像，因为屏幕不是方形的，所以我决定添加一个UIImageView，它：
当手机处于肖像位置时，我在顶部(-20)和底部(0)添加一个约束，以填充整个屏幕对齐中心的X，并保持宽宽比以保持图像的方格，即使屏幕较大或较小，这意味着我将“松掉”我的图像的一部分，但这是好的。
当我把手机旋转到横向位置时，屏幕是widder，所以我看到屏幕中间有一个方形的图像，而两边都是一个白色的矩形。我认为解决这一问题的办法是，当它处于景观位置时，我需要去掉顶部和底部的约束，加上一个引导(-20)和一个到trail (-20)，将图像中心放在Y轴上，并
浏览 0提问于2016-09-29得票数 1
回答已采纳
3回答
通过在div上使用display: inline，我在div旁边放置了一个带有一些文本的图像。当浏览器窗口被调整为更窄时，我希望图像缩小，而不是让文本首先环绕在它周围。
当前，当窗口被调整大小时，文本将被包装在图像下面，只有这样，图像尺度才会因为其最大宽度而变小。
最终目标是在水平菜单旁边设置一个水平徽标，并在菜单保持不变的情况下调整窗口上的徽标比例。
如果仅用CSS就可以做到这一点，那就太好了，但如果不可能的话，我会使用Javascript。
<style>
img { max-width: 100%; }
#textblock { display: inline}
</s
浏览 10提问于2015-01-09得票数 0
回答已采纳
2回答
我已经制作了一个脚本，将图像和文本框添加到画布中。为了让文本框出现在图像上方，我需要对图像应用CSS。因此，我将div、图像的<text>和文本的div分开。
这就产生了两个问题。当我第一次添加图像和文本时，这两个元素被认为是分开的，我只能拖动图像或文本，而不是同时拖动这两个元素。此外，当我添加另一个图像和另一个文本框时，这两个不会出现在彼此的顶部，而是文本框旁边的文本和图像旁边的图像。
所以我的问题是。有没有可能将这两个元素合并成一个元素，并在衍生时让它们这样做，让它们每次都以相同的方式这样做？
这是我为它制作的Javascript。
$(document).ready(func
浏览 2提问于2012-02-27得票数 0
3回答
我想要中间有一个固定宽度的图像。
这没什么问题。
但我希望左边和右边的div在它旁边是2行。
示例.
我有一个100 50*100 50图像在中间，并希望2 div是50% -50 50的宽度，而不使用calc。这两个div应该有一个线，这也是没有问题的。
我只是用
{ background: white; margin-top: 48px; margin-bottom: 48px; }
现在的问题是让这两个div填充图像的左和右空间。不用说，整个屏幕的宽度是动态的。
不管怎么样，只有CSS才能做到这一点吗？
浏览 12提问于2014-04-03得票数 0
回答已采纳
3回答
我的Jumbotrons的背景图像并不是很宽。
知道为什么吗？
实时链接：
你可以看到背景图像的宽度并没有到导航条那么远。
<div class="container special">
<div class="jumbotron">
<div class="container text-center">
<div class="h1extrapadding hidden-xs hidden-sm"></div> <h1 class="bol
浏览 1提问于2016-02-17得票数 0
回答已采纳
我正在浏览本指南以获取滑块横幅：
当我试图调整图像的大小以使其更小和居中时，我只设法调整了宽度。
figure.slider img { width: 50%; height: 50%; margin-left: auto;
margin-right: auto;}
我读到了其他答案，说我需要适合父母的高度:100%和宽度:100%，但我找不到我应该把它添加到哪里。
浏览 2提问于2018-05-26得票数 0
3回答
是否可以将文本框和图像在同一行中对齐，使它们都占据单元格的100%宽度？(不设置文本框的特定宽度，如宽度:95%)
<table style="margin: 0px;float:left" border="1" width="50%" cellpadding="5" cellspacing="5">
<thead>
<tr>
<td class="title" colspan="2"
浏览 1提问于2011-01-18得票数 0
我有一个图像和一些文字就在它旁边。当文本太长时，所有文本都在图像下面移动。如何使文本始终对齐在图像的右边，始终不考虑文本的长度。并且文本总是整齐的，一行一行的，而不是最后一行移动到图像下面。这是可能的吗？
附件.
这里我的代码：
<div class="car">
<div class="image">
<img alt="" src="http://placehold.it/50x50&text=CAR" />
</div>
浏览 0提问于2015-04-29得票数 0
回答已采纳
嗨，有人能帮我一下吗。我有：
<html>
<body>
<div style="width=100%">
<div style="float:left; background-color:Red; height:100px">Red</div>
<div style="background-color:Green;">Green</div>
<div style="background-color:Yellow;"&
浏览 0提问于2011-05-05得票数 1
我希望两个垂直堆叠的空div(显示背景图像)共享父容器高度的50%减去一个固定的间隙(例如，20 to )。我正在为此使用calc()，因为Opera Mini在我的例子中并不重要。
我在所有浏览器上都做得很好：
html,
body {
height: 100%;
width: 100%:
}
#parent {
width: 100%;
height: 100%;
max-height: 600px;
max-width: 400px;
}
#top {
height: calc(50% - 10px);
width: 100%;
backgroun
浏览 0提问于2015-05-19得票数 0
回答已采纳
2回答
我使用chart.js来生成这个堆叠图。问题是，图表太小，用户无法阅读图表(堆叠部分非常重要，缺少X轴上的一些工具提示(数据集有点大)。我希望图表在我的网页中占据一个非常具体的位置。 有没有一种方法可以使X轴上的比例更小，并且可以简单地水平滚动图表？ <script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.3/dist/Chart.min.js"></script>
<script>
const data = {
labels: {{ labels |
浏览 45提问于2021-07-08得票数 0
回答已采纳
我正在设计一个流畅的页面，这需要：
parent: 80% (屏幕)容器包含x个图像，宽度:10%，向左浮动。容器需要自动调整为和内容一样宽，最大宽度是父容器的50%。
我尝试了不同的技术来将display设置为inline-block，并在这里附加了jsfiddle。
#parent
{
width: 80%;
}
#container {
max-width:50%;
border:solid 1px red;
display:inline-block;
}
.uploadItemPreviewThumbDiv
{
width: 20%;
浏览 1提问于2014-02-05得票数 0
我有以下代码：
<div style="width: 150px">
<div style="padding: 5px">
<img src="http://xenforomods.info/styles/Silent/xenforo/browser/announcementIcon.png" width="50px" style="vertical-align:middle">
<span style="font-size:10px;"&
浏览 3提问于2011-11-26得票数 2
回答已采纳
我希望图像和文本显示在同一行，并使图像收缩和保持在窗口收缩。
下面是CSS代码。我希望当窗户缩小时，图像会缩小。
.body1 {
display: flex;
flex-wrap: wrap;
background-color: #3803f6;
color: white;
align-items: center;
justify-content: space-between;
height: 500px;
padding: 0px;
margin: -10px;
position: relative;
height: 100%;
justif
浏览 2提问于2022-08-04得票数 0
2回答
几天前，我开始学习HTML和CSS，现在遇到了一个问题：
#referenzen{
width: 100%;
padding: 25px;
}
#referenzen h1, h2, h3, h4, h5, h6{
margin-bottom: 0;
}
#referenzen p{
padding-right: 25px;
font-size: 18px;
}
#referenzen img{
height: 50px;
浏览 0提问于2017-01-30得票数 1
回答已采纳
我正在尝试使用构建一个可调整大小的组件，除了尝试通过从下拉框中选择它的百分比值来更新组件大小之外，一切都很好。状态更新正确，但组件的大小不变。
resizableContainer.vue
<template>
<vue-resizable
:min-width="320"
:width="containerWidth + '%'"
:active="['r']"
>
<div class="resizable-conten
浏览 3提问于2021-06-01得票数 0
我试图使用纯CSS显示一行图像，结果是所有图像都有相同的高度。例如，一个较高的图像将收缩，如果它旁边是一个较小的图像。一排可以有2-6张图像.给定9:16的图像和16:9的图像，理想的结果应该是这样的：
我最初尝试使用Flexbox，但是列的宽度并没有改变--图像中的图像只是缩放以适应内部。我认为CSS网格可能会起作用，但我也无法做到这一点。
下面是HTML：
<p class="side-by-side-images">
<img src=""> // Tall image
<img src="">
浏览 1提问于2019-06-18得票数 3
回答已采纳
3回答
CSS向右浮动
、、
我想知道最好的方法，让我的标题浮动正确，这样它的位置就在我的图像旁边。
我注意到，因为它包含在一个100%宽的div中，所以当我将标题向右浮动时，它会移到div的最右边，而不是我的图像旁边。
我可以绝对或相对地定位我的图像，但这不会影响流程吗？例如，当屏幕变小时，我希望标题在图像下面浮动。
这个是可能的吗？
<div id="holder">
<h1 id="header">My Header goes here</h1>
<img id="feature" src="pic.jpg" a
浏览 0提问于2011-06-03得票数 0
回答已采纳
我给了chrome下的div一个1px的边框。我在开发人员工具中可以得到1px的边框，但当我使用firefox查看它时，它只有0.8px。为什么？我觉得很奇怪，你能告诉我为什么吗？谢谢。 <div class="friendHeaderFont">
<label class="dynamic" :class="{active: isClickDynamic}">hello</label>
<label class="nearBy" :class="{active: !is
浏览 78提问于2019-02-23得票数 1
回答已采纳
这是一个复杂的问题，我甚至不知道它是否可能只使用CSS。
我有一个图像，一个文本和两个按钮。当文本很小，并且不长在图像下面时，我希望按钮在图像的旁边。但是当文本太大时，它需要在图像下面继续，我希望按钮的宽度增加到100%。长话短说，我希望按钮和文字一样大。
--这是小文本所需的结果.
--这是文本增长时所需的结果
是否可以只使用CSS？
我已经为我的当前设置创建了一个代码页(只有小文本)。
浏览 1提问于2016-02-23得票数 9
回答已采纳
1回答
我有图片的原始宽度和高度。我想知道图片在div中是如何缩放的，根据原始图片大小和div size.for示例图像大小为400*1120，div大小为500*800。在这种情况下，加载该div.this后的图像大小是多少：
img{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-height: 100%;
max-width: 100%;
}
浏览 0提问于2015-07-12得票数 1
大家好，程序员朋友们，我对HTML5/CSS/Javascript编程是个新手，我会尽量把我的问题说清楚。
我已经在我的网站上使用了滚动魔术，当你向下滚动时，导航链接会滚动到旁边。这是。然而，我已经意识到，当我这样做时，当导航链接和我的图像元素(带有链接区域)处于同一水平时，我不能再点击下面的图像: Scrollmagic链接移动会阻止其他图像链接。我希望在整个视差滚动过程中仍然能够点击这两个链接，即使导航链接和缩略图链接处于同一级别。
我尝试过:更改两个元素的z值，更改.site-nav和page-nav大小，并花了很多时间尝试编辑零碎内容，看看问题在哪里可以解决，但都无济于事。以下是我认为
浏览 1提问于2015-03-01得票数 0
1回答
我想问一下导致我的图像堆积在一起的CSS。
因为太多的代码和css，我不能摆弄，但是我给我的网页
正如你所看到的，幻灯片有拇指图像，但它们相互堆叠。我已经尝试使用边缘或填充的img，但什么都没有发生，除非我改变图像的大小为100，它将运行命名。我试图改变位置为绝对的，相对的，等等，但图像是最坏的，完全堆叠。
那么，我必须做些什么来创建这个图像，而不是互相堆叠？对不起我的英语不好。
浏览 2提问于2014-05-14得票数 1
回答已采纳
当我将图像的高度设置为50%时，其容器的高度保持不变，而不是自动调整。
HTML：
<section class="img-show">
<div class="img-container">
<ul>
<li class="img-item">
<a href="">
<img src="./An
浏览 0提问于2018-02-22得票数 0
我正在使用flex布局和图像。我的目标是通过设置flex-direction: column;，在较小的屏幕宽度上将flex-items堆叠在一起，但有一个奇怪的行为我无法理解。包装图像的flex项似乎占据了图像的整个宽度。我已经创建了一个来说明这个问题。提前谢谢你
浏览 0提问于2021-08-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
