2 qq 34427235 qq_34427235 于 2016.09.13 19:19 提问

用html写一个显示四个图片的页面为什么图片的高度无法控制

这是源码
用火狐和chrome和safari都试了都无法控制高度为100px,好奇怪啊,也没有哪里写错了啊,可是高度就是不是一百

3个回答

qq_34427235
qq_34427235   2016.09.13 19:20



llama

 <h1>hjhkjhkjh</h1>

 <p>jhjkhjh
 jbjbkbjk</p>

 <h2>hbhbbib</h2>

 <p>bjbjbjj
 jbjbjk</p>
 <img src="111.png"  heigth=100px width=100px /><br/><br/>
 <img src="11.png"   heigth=100px width=100px /><br/><br/>
 <img src="222.png"  heigth=100px width=100px /><br/><br/>
 <img src="333.png"  heigth=100px width=100px /><br/><br/>



这是源码

guwei4037
guwei4037   Ds   Rxr 2016.09.13 19:20

heigth="100px" width="100px" 都用引号括起来。

guwei4037
guwei4037 回复深秋的那首歌: 不加px
接近 2 年之前 回复
qq_34427235
qq_34427235 我试了,没用啊
接近 2 年之前 回复
qq_29594393
qq_29594393   Ds   Rxr 2016.09.13 19:37

放在外面style 标签里面
img{
height:100px;
width:100px;
}

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
移动端正方形高度自适应
使用margin/padding的百分比值来解决自适应高度的关键在于:容器margin/padding的百分比参照物是父元素的宽度,而容器的width的百分比参照物也是父元素的宽度,俩属性参照物一致,那么想要把这俩属性的值统一起来就简单了。 margin *{margin: 0;padding: 0;}         body,html{wi
HTML基础 img标签设置显示图片的宽度与高度
慈心积善融学习,技术愿为有情学。善心速造多好事,前人栽树后乘凉。我今于此写经验,愿见文者得启发。 1、未设置前效果 2、代码 3、效果图 感恩曾经帮助过 心少朴 的人。 html+css+javascript优秀,值得学习。
html引用图片资源无法显示的问题
头疼,头都大了,写了个很简单的html网页,导入了一个图片资源,却怎么都不显示,查了书和网页,发现没错啊,怎么就不显示呢?尼玛,尼玛这些大牛写的时候倒是写清楚点啊,写的那么模糊就还不如别写呢。看我给菜鸟们带来点福利,一定教会你们。    环境:eclipse  动态页面项目 tomcat8        一、发布出去的项目部认识绝对路径。      如题,所以如果你引用的是绝对路径来显示图片
关于div中放入一个img元素导致div高度会多出几个像素的解决问题
在写代码的时候经常遇到这样一个问题,如果div里嵌套一个img元素且div的高度是由img的高度来撑开,那么div的高度总会比img的高度多那么几个像素。
IOS内嵌H5页面实现(JS实现图片正常显示,并正确返回文档的高度)
由于IOS原生开发对含有html标签的数据处理很麻烦,所以在做文章详情时,采用内嵌H5页面形式混合开发。流程ObjC将字符串类型的数据,通过Window上的JS方法将数据传递给JS。JS拿到数据渲染H5页面,并通知ObjC H5文档高度(JS实现图片正常显示,并正确返回文档的高度)。
Servlet从本机读取一个图片,并显示在html页面
1、工具类 //工具类 package com.JavaBean; import java.awt.image.BufferedImage; import java.io.FileInputStream; import java.io.IOException; import javax.imageio.Imag
【HTML &CSS】实现在一个网页内实现浏览图片
要求就是在点击某个链接是,留在这个网页而不跳转另一个窗口同时显示那张图片原有的清单。 方法:通过增加一个占位符图片的方法在这个主页上为图片预留一个区域,点击链接时拦截这个网页的默认的行为。当点击链接时把占位符图片替换那个谅解相对的图片<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" conten
html中轮播时,四个圆点和四个图片对应显示的情况
就像这样的例子,下面四个圆点,显示圆点是,上面的四个图片会对应的显示。这样的情况,可以参考如下的方法实现。更改图片<img />标签显示的图片时,可以使用document.getElementById('img').src="img/croll.png";方法。 下面是四个圆点的布局代码: 下面是对应的四张大图片的布局: 下面是js控制显示
HTML页面图片自动适应宽度
RT. 这个是之前做微信微站的时候yizhi
HTML 在画布中对图片,图片上另一个图层上的点,根据点绘制的路线进行缩放1
之前已经讲过根据点绘制路线,以及不包括路线的缩放,故不多讲这些。 1 首先是画路线,这个不再说了 2 使用Button进行缩放 由于放大,缩小一样,所以只讲缩小 因为之前绘制了路线,在进行缩放时,需要清除路线,重新绘制 //function Small() {           var width1 = $("#ImgMap").width() / 1.2;         var