Javascript 我如何将图像放在表单之外并使其大小相同?
我一直在尝试使图像与表单大小相同,但我无法让它工作,你们中的某个人能给我一个提示吗。这是我从一个网站上得到的联系方式,我会稍微改变一下,但需要在之前解决这个问题Javascript 我如何将图像放在表单之外并使其大小相同?,javascript,html,css,Javascript,Html,Css,我一直在尝试使图像与表单大小相同,但我无法让它工作,你们中的某个人能给我一个提示吗。这是我从一个网站上得到的联系方式,我会稍微改变一下,但需要在之前解决这个问题 .满{ 显示:内联块; } .完整表格{ 宽度:400px; 浮动:左; 显示:内联块; } .形象{ 浮动:左; 显示:内联块; } 联系我们 填写下表向我们发送信息: 电子邮件 主题 消息 反垃圾邮件问题:7+5=? 发送消息 如果需要,可以使用positionrelative和absolute查看此技巧。图像的高度为.ful
.满{
显示:内联块;
}
.完整表格{
宽度:400px;
浮动:左;
显示:内联块;
}
.形象{
浮动:左;
显示:内联块;
}
联系我们
填写下表向我们发送信息:
电子邮件
主题
消息
反垃圾邮件问题:7+5=?
发送消息
如果需要,可以使用positionrelative
和absolute
查看此技巧。图像
的高度为.full
容器的高度,该容器为自动
,取决于.fullform
.full{
位置:相对位置;
宽度:100%;
高度:自动;
背景颜色:黄色;
}
.完整表格{
宽度:50%;
背景色:番茄;
}
.形象{
位置:绝对位置;
排名:0;
右:0;
底部:0;
宽度:50%;
溢出:隐藏;
}
.image>img{/*img采用100%宽度和高度(可选)*/
宽度:100%;
身高:100%;
}
联系我们
填写下表向我们发送信息:
电子邮件
主题
消息
反垃圾邮件问题:7+5=?
发送消息
div#有网格框{
填充:20px;
背景#f1f1;
显示器:flex;
柔性流:行换行
}
.影碟盒{
宽度:180px;
背景:ddd;
填充:10px;
显示器:flex;
弯曲方向:立柱;
}
.movie_容器img{
宽度:100%;
不透明度:0;
}
.海报2{
背景:url('http://image.tmdb.org/t/p/w500//3tD0r8F6b7vygxZt3iRvf2ELwAO.jpg“)无重复中心;
背景尺寸:封面;
背景颜色:绿色;
显示:内联块;
弹性:1;
}
2015-08-01
联系我们
填写下表向我们发送信息:
电子邮件
主题
消息
反垃圾邮件问题:7+5=?
发送消息
2015-08-01
如果您只希望它与表单的宽度和高度相同,可以尝试此操作,并将img浮动设置为左/右
.image {
float:left;
display: inline-block;
width: 400px;
overflow:hidden;
}
.image img
{
float:right;
}
否则,您可以尝试:
.image img
{
width:100%;
}
我在这里没有看到CSS规则试图改变你的图像的大小。你希望它是相同的高度还是同样的宽度,比如50/50?