将div放在图像的内部
是指在HTML中，将一个div元素嵌套在一个图像元素内部。这样可以通过CSS样式和布局来控制div元素在图像上的位置和样式。
在实际应用中，将div放在图像的内部可以实现一些特定的效果和布局，例如创建一个图像的遮罩效果、在图像上叠加文字或其他内容、实现图像的局部放大等。
以下是一个示例代码：
<div style="position: relative;">
<img src="image.jpg" alt="图像">
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
<p>这是放在图像内部的div内容</p>
</div>
</div>在上述示例中，我们使用了CSS的position属性来控制div元素的定位。通过设置父元素的position为relative，可以使得子元素的position:absolute相对于父元素进行定位。通过设置top、left和transform属性，可以将div元素居中放置在图像的内部。
对于腾讯云的相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，建议您参考腾讯云的云计算服务相关产品，例如云服务器、云数据库、云存储等，以满足您在云计算领域的需求。
相关·内容
1回答
从Div创建图像
、、
我对画布很陌生。我使用下面的代码从另一个图像在画布中插入一个图像。当我尝试使用以下代码从div创建图像时
<!DOCTYPE html><html>
<head>
<title>test</title>
<script type="text/javascript">
var colour="#ccc",bgcolour="#fff";
function pa
浏览 4提问于2012-04-07得票数 0
回答已采纳
我有两个div作为列，这两个都是向左浮动的，并设置为清除none。它们的容器div在顶部有一个背景图像，所以背景在两列的顶部。
我希望也能够在列的底部有一个背景图像。我已经创建了另一个div，它位于容器div内(但在列之外)，并在其底部设置了一个背景图像。
问题是这个div没有扩展到它所包含的列的底部。我怎样才能让它做到这一点？我试过玩浮点和清场，但没有任何运气。
浏览 0提问于2011-11-03得票数 0
2回答
我有一个我正在尝试动画的图像列表：
<div id = "photoHolderSolutions" class = "PhotoHolder">
<ul id = "solutionsPhotoList" class = "PhotoList">
</ul>
</div>
使用此CSS：
/*
* Div containing the list of photos
*/
.PhotoHolder
{
position: absolute;
top
浏览 0提问于2011-05-13得票数 0
回答已采纳
2回答
因此，在创建一个非常简单的函数时，我遇到了一些问题，该函数应该更改div元素的背景图像，以匹配鼠标在其上盘旋的任何图像。
HTML看起来像
<div id = "image">
Hover over an image below to display here.
</div>
<img class = "preview" alt = "Styling with a Bandana" src = "https://s3-us-west-2.amazonaws.com/s.cdpn.io/389177/
浏览 1提问于2016-06-18得票数 0
回答已采纳
2回答
多亏了stackoverflow的慷慨帮助，我能够将不同颜色的CSS框放在不同的图像上，并在鼠标悬停时移除css框(显示图像)。这是我使用的小提琴的代码
然而，我也想让框在浮动中水平对齐，所以(作为初学者)我在图像周围放置了另一个类(称为浮动)(在类翻转中)，但它停用了翻转。
有没有比我下面所做的更好的实现浮动的方法？
提前感谢您的帮助
<div class="float">
<div class="rollover a">
<img src="http://blahblah.com/wp-content/uploa
浏览 0提问于2011-05-05得票数 1
回答已采纳
我有一个包含图像的9单元格网格(使用引导列)。网格运行良好，并且在仅包含图像时具有响应性。然而，我的目标是使图像可点击，因此我将<img>标记放在锚定标记<a>中，这导致照片脱离网格顺序。 当我点击Chrome上的"Inspect“时，它将<a>显示为一个大容器，其中<img>居中。如何使<a>元素符合引导列的大小？ HTML： <div class="container">
<div class="row">
<a href="#"
浏览 34提问于2019-03-22得票数 0
回答已采纳
2回答
我试图在两个带有div属性的background-color下面显示背景图像。我试着和z-index和position: relative一起玩，但到目前为止没有成功。图像只是在这两个divs下面不可见。
CSS：
.bgImage {
background-image: url('../images/footer_bg.png');
background-repeat: no-repeat;
background-position: top center;
z-index: 999;
position: relative;
}
footer .bgColor1 {
back
浏览 1提问于2013-12-16得票数 1
回答已采纳
1回答
我已经创建了一个网站，加载某些页面的许多图像，并需要实现一个加载gif，出现在一个div (#carousel)，而图像正在加载。下面的网站有一个我遵循的非常简单的实现，但由于某些原因，加载的gif没有显示出来。
这是指向我的网站的链接，gif应该加载到这里：
提前感谢您的帮助！
浏览 0提问于2015-09-12得票数 0
我是工作在一个网站，已经创建了一个商店CMS。在起始页上，有两个div框位于相同的级别上，按以下顺序显示：
->包含金条的图像。
DIV-box "custom_text“->包含文本
下面是一个截图：
我的目标:通过将"custom_text“框放置到图像”容器“框中，使文本出现在金条旁边。我怎样才能用CSS实现这一点？
浏览 6提问于2014-01-17得票数 1
我有这段代码，我希望点击带有favoriteButton类的div，当前(this) <a>中的文本和当前img标签的src被更改。在<a>中更改文本可以正常工作，但不能更改图像。我尝试将另一个作为first的子级，代码运行良好，只是在嵌套的img中不起作用
$('.favoriteButton').click(function(e){
$(this).find('.aclass').text("yeeee");
$(this).find('.imgclass').attr("sr
浏览 0提问于2011-08-26得票数 1
回答已采纳
我对z-index属性有一些问题:下面是代码：
<div id="sidebarCont">
<div id="avatarCont" class="mask">
<img id="" class="" src="img.jpg" alt=""/>
</div>
和css：
#avatarCont{
overflow:hidden;
height:160px;
width:160px;
margin:0px auto;
ba
浏览 0提问于2014-02-19得票数 0
3回答
fadeOut不工作
、、、、
我是网页设计的新手。我现在正在制作我的简历。我有如下的导航div：
<div id="nav" class="grid_12">
<div id="Home" class="grid_3">
<div class="button">
<a href="#">Home</a>
</div>
</div>
<div id="L
浏览 5提问于2013-02-22得票数 0
我对我想做的事情有一个。当我悬停在主图像上时，我想要一个垃圾桶图像出现。这部分起作用了。我的问题是，当我悬停在垃圾桶图像，它就像闪烁和消失，当我移动鼠标在它上面。
我有以下html：
<div id="imagesContainer">
<div style="position: relative; left:0;top:0">
<img id="test1" src="http://upload.wikimedia.org/wikipedia/commons/2/26/YellowL
浏览 13提问于2014-02-04得票数 2
回答已采纳
5回答
将图像向下移动
、、、
我正在为旋转木马上的图像开发一个网页。我怎样才能在DIV中向下移动图像，甚至垂直地将其居中？
下面是我的CSS代码：
.carousel .item {
height: 900px;
background-color: #777;
}
.carousel-inner > .item > img {
display: block;
margin-left: auto;
margin-right: auto
}
下面是一个指向所讨论的网页的URL，以显示该图像太高：
编辑
好的，我通过更改以下内容编辑了代码：
margin-top: 50px;
我仍然在
浏览 7提问于2013-09-13得票数 1
回答已采纳
5回答
背景问题活生生的例子：
如您所见，灰色剥离的背景图像流经页脚底部，并在页脚下方留下大约115个额外像素。包含背景图像的div是<div id="home_page_back">，包含在body元素中，这两个元素都设置为100%的高度。
我希望背景图像点击页脚，然后停止…别再超过它了。有人能告诉我吗？
而且-我不想把图像作为身体的背景。
干杯!
CSS的副本：
body {
margin: 0px;
padding: 0px;
height:100%;
background-color: #f3f3f3;
font-famil
浏览 4提问于2011-06-15得票数 1
回答已采纳
有人知道如何把图片放在这个插件的中间吗？因为，对于小图像，它总是出现在左侧顶部。
在github上什么都没说。我可能必须在文件中找到它创建div或其他东西的地方。
浏览 1提问于2014-02-21得票数 1
回答已采纳
由于某种原因，我制作的页面已经停止显示图像，它只显示了一个小的破碎的页面图标，尽管它以前显示过它。我没有更改图像的名称或位置。
我也在尝试创建一个按钮，但它没有显示出来
下面是html代码：
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<link href="design.css" rel="stylesheet" type="text/css" />
</head>
<body>
<
浏览 2提问于2014-11-11得票数 1
2回答
我是帆布游戏开发的初学者，所以请原谅我的一个愚蠢的问题。
我有一个2048 to宽度和1536 to高度的图像，我需要放置在画布(宽度和高度不同的设备)。我能够滚动图像，但问题是，图像是从屏幕出来的(在所有边缘显示空白)。假设设备宽度为430，高度为300，则用户可以滚动图像以查看。如果我滑动屏幕滚动，那么图像是从画布出来，就像拉橡胶，如果我停止滑动图像将放置到帆布边框。滚动图像不是用画布边框固定的。我已经试了好几天了..。请大家帮帮我..。
<html>
<head>
<style>
body {
margin: 0px;
padding:
浏览 4提问于2013-09-26得票数 1
回答已采纳
我已经创建了一个DIV，里面有两个DIV；一个有翻转图像的DIV和一个下面有文本和正常翻转行为的DIV。
它们是描述图像的文本，它们都是指向同一位置的链接，所以我希望当鼠标悬停在其中任何一个上时，它们都可以滚动在一起。
有谁能告诉我只用CSS就能做到这一点吗？
非常感谢！
浏览 1提问于2011-06-29得票数 1
我正在制作一个左边有按钮的图片库，它触发了右边相应图像的出现。我希望任何出现在右边的图像在任何时候都要与它的描述一起堆叠，因为它将有位置:粘性值。是否有一种方法，仅使用CSS，以检索图像高度，以便我可以使用它的值连同顶部属性，以保持它们的堆叠？
我希望这有助于：
<style>
.container{
display:flex;
flex-direction:row;
padding:0;
margin:0;
}
.left{
width:70%;
}
.
浏览 3提问于2022-01-04得票数 1
我有困难的代码为两个图像，我想居中，并没有空间之间。
我没有经验，不知道如何将这两个代码合并为1..
我用来删除图像之间空格的代码：
<div class="row">
<p style="line-height: 0.0em;"><img src="photo1 "/><img src=”photo2” /></p>
</div>
我用来使图像居中的代码：
<div id="wrapper" style="width:100%; text-al
浏览 2提问于2013-07-27得票数 0
2回答
我使用纯CSS设置< select >下拉框的样式。使用下面的代码，我可以在一个小问题上做到这一点:当选项上的文本变得太宽时，它不会在下拉箭头的背景图像之前被切断。
当文本太长时：
我想要完成的是有文字切断之前的下拉箭头图像，以便他们不会重叠。但是，我仍然希望在展开下拉列表时显示全文：
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona
浏览 1提问于2012-05-30得票数 5
回答已采纳
2回答
我有一个div。它是100%宽，150像素高。我在其中嵌套了一个<h1>标记，它位于图像的下面，而不是旁边。
<body>
<div class='topbar'>
<img src='img source is here'/>
<h1>
GO COSMOS!!!
</h1>
</div>
</body>
CSS：
body {
background-color: #aaffaa;
}
.topbar {
width: 100
浏览 0提问于2016-03-10得票数 0
是否可以在包含DIV (相对定位)内进行绝对定位的div中心、水平和垂直。
想象一个图像的高度和宽度是其包含的div的两倍，但是包含在div中。与其只显示从左上角开始的一半图像，不如在没有JS的情况下显示图像的中间。
CSS，
.container {
width:300px;
height:200px;
position:relative;
overflow:hidden;
}
.container > img {
width:600px;
height:400px;
position:absolute;
}
根据这个例子，您可
浏览 0提问于2014-01-29得票数 0
2回答
这在JS文件中
(function(){
var app = angular.module('myApp', []);
app.controller('appController',[ '$scope', '$http', function($scope, $http){
$http.get('auto_data.json').then(function(quizData){
$scope.myQuestions = quizData.data;
浏览 0提问于2016-03-04得票数 1
4回答
我在Bootstrap 3中开发了一个表单，它有一系列的文本控件和图像。表单占其容器的100%，文本输入也设置为100%宽度。当我不需要担心图像的时候，这是很好的。我使用引导.form-control和.form-horizontal类使其工作(底部的代码)：
电流看
我需要将图像放在这些窗体控件的右边，并适当地缩小它们的宽度：
模型
我只需在Bootstrap的网格系统中添加另一列来处理这个问题，但我也希望这些列在图像完成后返回到全宽度，如上面的模拟图像所示。类似于Microsoft中的“紧密”图像布局。我尝试过将float:right;和display:inline-b
浏览 5提问于2014-12-08得票数 5
2回答
我无法并行呈现图像
<div class="row">
<div class="col">
<div *ngFor="let ir of imagesSource">
<div class="row">
<div class="col-md-3">
浏览 5提问于2017-05-14得票数 2
回答已采纳
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回答
引导转盘未启动
、、、
我无法让Bootstrap Carousel启动，嗯，旋转木马。下面是我正在尝试做的事情涉及的所有代码。当它在浏览器中渲染时，我看到的只是两个图像，一个在另一个上面，下面是一个小于和大于。它只是按照HTML定义的方式呈现DIVs，而不是在Carousel中呈现。我验证了jQuery.ready函数正在被调用，并且正在调用代码来初始化carousel。我还在多个浏览器上尝试过-- IE9、Chrome和火狐。我的想法快用完了。任何帮助都将不胜感激。谢谢!
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml
浏览 2提问于2012-07-18得票数 0
回答已采纳
图像翻转，没有JavaScript，没有链接，纯CSS，代码验证和浏览器兼容。
大家好，我已经工作了24小时，想出这个相当简单的解决方案。我想知道一切是否还好，是否有改进的方法。它很优雅，我们来吧：
我只有一个图像“标志”，但它将显示为2个不同的标志，每一个滚动效果。我使用雪碧(只有一个图像包含我的4个标志)，我只是改变了它的位置。
在这里，我将我的图像插入到一个div中
<div id="logo-rollover-1" class="logo-rollover">
<img title="whatever" alt=
浏览 8提问于2011-05-25得票数 1
我想隐藏一个图像/标志在屏幕上，但希望它显示在打印。不过，我的努力并没有奏效。我的密码怎么了？
<style>
@media print {
#othersections, #ebooknav {display: none;}
#test {width: 100%; margin-top: 150px;}
#printlogo {display: block; margin-top: 0px;}
}
</style>
<script>
function myFunction() {
window.print
浏览 2提问于2014-07-24得票数 1
1回答
HTML和CSS中的图像定位
、、、、
我是新来这个论坛，我也是相当新的网页设计，但我需要创建一个网站，我不知道如何编码一个具体的布局，使用html和css。
我正在使用Dreamveawer CC。我有一个需要填满整个屏幕的背景图像。为此，我使用了一个代码：
html {background: url(images/bgimg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
backgrou
浏览 2提问于2017-05-02得票数 0
2回答
我想做和你在看到的一样的事情。
查看幻灯片显示中的图像，并尝试调整浏览器窗口的大小。在显示图像时，您可以看到两个“行为”：
随着较大的窗口，图像将逐渐放大；
使用较小的窗口**，图像不会缩放，但它会水平滚动。
我正试着这么做。到目前为止，这就是我所得到的，但只有当我从一个大窗口调整到一个更小的窗口时，它才能起作用，反之亦然。
这里有一把小提琴：
HTML：
<div class="page-header-2">
<img class="img-header" src="http://youassis
浏览 0提问于2013-06-05得票数 0
回答已采纳
晚上好,
因此，我正在为一个客户开发一个Shopify登陆页面，他们希望在内容的右侧有一个联系人表单，这是我在不使用Bootstrap的情况下创建的一个非常小的问题。然而，也有一个图像，他们想要使用在形式底部作为一种旗帜。我尝试过直接将图像添加到页面中，但是它始终是模糊的，所以我直接将该图像称为scr。问题是，表单和图像之间有大量的空白，我不太确定如何调整它。登陆页面的代码如下(我知道它很混乱，但似乎在Shopify中CSS样式是不可能的，所以我正在HTML编辑器中进行内联样式设计)。
<div class="container" style="display:
浏览 0提问于2018-10-17得票数 0
回答已采纳
1回答
我已经在我的页面上做了3个按钮，显示一个img。我想要的图像显示时，人们超过按钮呼叫HTML，CSS或JS & Jquery。但问题是，当你将鼠标悬停在图像上时(你还看不到)，你也可以看到它。
这是我使用它的网站：
当你解开领带，一个盒子就会出现。向下滚动，您可以看到按钮。
下面是我对其中一个按钮使用的HTML代码：
<div id="vlek4">
<div id="jsandjq"><img src="img/js&jq.png" width="576" height="1
浏览 3提问于2013-05-29得票数 2
回答已采纳
我正在寻找一种方法来禁用连接到div的.toggle()
if (condition) {
$("#div").toggle(
function() {
do this
},
function() {
do that
}
);
}
else {
// How do I achieve this?
$("#div").disableToggle(
);
}
更多解释：
这是一个地图应用程序。有问题的toggle
浏览 0提问于2011-09-29得票数 6
回答已采纳
2回答
图片说明：
我有一个背景图像，我想在我的页面顶部，这个图像是宽度800px和高度400px。
在此图像下，我想要另一个背景图像，它将重复垂直(重复-y)为页面的其余部分。
我尝试过以下几种方法
<div id="bg-static">
<div id="bg-repeat-y">
<div>
Text goes here
</div>
</div>
</div>
问题是，我希望“文本转到这里”浮动在两个元素上。(见图片，)
我应该怎么做才能这样做呢？
浏览 6提问于2011-03-21得票数 0
回答已采纳
1回答
我正在尝试定位一个带有图像的div。
我使用的背景图像在浏览器调整大小时保持其纵横比不变。
我使用%ages来定位div，但当窗口变小时，div最终会移动，而图像只是开始被截断。
下面是我的示例：
我的目标是让带有小图像的潜水相对于背景图像留在相同的位置。
我是不是走错路了？
下面是HTML/CSS：
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>laPINA</title>
浏览 1提问于2013-02-12得票数 0
2回答
尝试集中对齐图像
、、
我有4个水平对齐的图标。但是，如果这样做有意义的话，我想让它们通过中心线彼此对齐。目前，它们并不匹配。例如，一幅图像的顶部可以与另一幅图像的中间一致。图标有不同的大小，但我不介意，只要居中对齐即可。这是我的html
<section class="feature">
<div class="grid_4">
<img src="images/image-1.png">
<p>
<a href="#">Emai
浏览 0提问于2014-08-30得票数 1
1回答
我需要创建一个Angular 8组件，它包含一个用作地图的大图像，并根据该图像坐标在前者上动态放置较小的图像。例如:我在背景中有一个房间图像。从服务器我知道我的椅子图像是20x20px，它应该放置在相对于房间图像120x300y的中心位置。
我怎样才能做到这一点呢？我尝试使用一些css技巧，比如将较大的div包装在相对定位的div中，而较小的将绝对div设置为NgStyle，但它只是将其设置为0.0。
对于项目需求，我不能使用AngularMaterial。
浏览 15提问于2019-08-01得票数 0
回答已采纳
1回答
我想在游戏中创建一个列表项，它有一个背景，一个里面有一个图标的图标持有者，一个标题和描述，以及最多三个资源。我正在使用Bootstrap，我想使用一个容器-流体，里面有一行可能会起作用，但图像被放在另一个下面(见下图)[ ? ] 我不想使用位置:绝对之类的东西，也不想将边距设置为-250%00。有没有一种方法可以说图像应该放在另一个的上面，而不是放在另一个下面？ 这是到目前为止我的HTML代码： .resourceHolder
{
position: relative;
}
.resourceIcon
{
position: relative;
}
.nopadding
{
浏览 10提问于2020-04-11得票数 0
回答已采纳
2回答
我使用div标签在图像上显示json值，但当我转到其他页面并返回主页时，json值会消失。
我正在用Angular.js开发它
NumberJson.get().then(function (result) {
if (result) {
$sessionStorage.testNumber = result[0]['testNumber'];
$scope.testNumber = $sessionStorage.testNumber;
$sessionStorage.testNumber1 = result[0]['testNumber
浏览 0提问于2017-01-09得票数 0
3回答
我试着把两张图片并排显示，上面有文字，控件，还有我内心想要的任何东西。要做到这一点，我有以下几点：
<div>
<div id="leftDiv" style="float:left; width:49%; height:400px; background-color:transparent">
<div style="position:relative; left:61px; top:100px; width: 319px; z-index:1">This is text</di
浏览 0提问于2011-09-20得票数 2
回答已采纳
1回答
悬停彩色叠加
、、、
我在我的博客上玩一个自我发展的主题。我有一个图像网格，点击到一个特定的类别。
我遇到了一个问题，试图创造一个悬停效果的图像。我想可能是因为我使用链接的方式(绝对定位，并将其设置为100%的高度)。
如何在此设置下完成以下操作：
在悬停上添加颜色覆盖(简单的.入口链接:悬停不起作用)
在悬停时向图像添加缩放效果
任何帮助都将不胜感激。
提前谢谢。
<div class="post-list">
<div id="articles">
::before
<article>
浏览 2提问于2015-06-23得票数 0
回答已采纳
1回答
无法添加背景图像
、、
我试图提供背景图像给一个div。图像在我的目录中
<div style="background-image: url('H9Vi61CWym0.jpg');"></div>
但我明白了
<div style="background: url();">
浏览 4提问于2022-05-13得票数 -1
我对Firefox3的居中项目有问题。(我搜索了一下，没有找到答案--希望不是转帖)
为了演示这一点，我将代码简化为两个元素--您可以在这里看到：
现在慢慢地使浏览器窗口变宽变窄。假设您正在使用Firefox3，您是否看到蓝色DIV左侧的白色背景是如何随着您拖动的每一个像素变宽或变窄而弹出和弹出的？然而，IE6、IE7、Safari甚至FF2都没问题。
我所做的是创建一个DIV，并在该DIV中添加一个"“，以便访问者可以在水平滚动条显示之前尽可能缩小浏览器的范围。然后是一个嵌套的DIV，它的背景是蓝色的。背景中的白色区域和蓝色div都是970像素宽，因此它们应该始终匹配，因为它们都居中
浏览 3提问于2009-01-09得票数 2
我试图弄清楚如何在自己的图像中间，在容器中对图像进行中心化。我有两个列的8个图像，每一行左对齐的2个图像。我需要他们中心对齐。
我找到了一种在这里集中的方法：
浮动块级项会将其推到左侧或右侧。IMG上的“显示:内联块”。并删除浮点和位置语句。然后为容器div“文本对齐:中心”。
但是这样就把所有的图像都放到了一个列中。任何帮助都将不胜感激。
下面是我控制容器和图像的CSS：
.container {
width: 452px;
height: 750px;
margin-right: auto;
margin-left: auto;
margin-top
浏览 0提问于2013-01-05得票数 1
回答已采纳
1回答
将图像粘贴到其他图像的底部
、、、、
我想将一张svg图片放在另一张图片上，但将它放在第二张图片的底部： ? 我想放在底部的图像是蓝色的波浪形的。我让它工作了，但它没有响应。因此，当我更改视口时，蓝色图像会向上或向下移动，并且不会覆盖模糊的图像： ? 如何使蓝色图像与模糊图像一起移动？ 这是我到目前为止所知道的： <div>
<img
src="https://i.imgur.com/Jqm7gPO.png"
style="width: 100%; height: 100%; overflow: hidden;"
/>
<
浏览 23提问于2020-08-03得票数 0
回答已采纳
2回答
如何在bootstrap 3中放大图像？ Bootstrap 3中的图像可以通过添加.img-responsive类使其响应友好。这将对图像应用max-width: 100%；和height: auto；，以便它很好地扩展到父元素。 使用以下代码可以很好地缩小图像，但无法在较大屏幕上获得父div的大小。 如何做到这一点呢？演示：http://www.bootply.com/8uXBxX8Qjy
浏览 50提问于2014-05-30得票数 2
4回答
我已经将我的问题转换成了一个简单的代码。我希望包含class的span class块能够准确地包装div类。它是从div的右下角出来的。有人能帮帮忙吗。我的想法是，在我试图解决的更大的问题中，我希望能够创建边界，有时使用div，有时使用span。有人可以帮助如何使这些div和span只在另一个上吗？ .checker {
width: 17px;
height: 17px;
border: 10px solid green;
display: inline-block;
}
.in {
width: 17px;
height: 17px;
border: 1
浏览 157提问于2019-03-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
