前端小总结之图片边距的消除方法
来源:互联网 发布:幼儿园打卡软件 编辑:程序博客网 时间:2024/05/22 06:43
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
padding:0;margin:0;
}
body{
color:#fff;
background:#000;
}
img{
/*display:block;*/
vertical-align:middle;
}
</style>
</head>
<body>
<div>
<img src="img/1.jpg" alt="" />钓鱼岛是中国的
<img src="img/2.jpg" alt="" />钓鱼岛是中国的
<img src="img/3.jpg" alt="" />钓鱼岛是中国的
<img src="img/4.jpg" alt="" />
</div>
</body>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
padding:0;margin:0;
}
body{
color:#fff;
background:#000;
}
img{
/*display:block;*/
vertical-align:middle;
}
</style>
</head>
<body>
<div>
<img src="img/1.jpg" alt="" />钓鱼岛是中国的
<img src="img/2.jpg" alt="" />钓鱼岛是中国的
<img src="img/3.jpg" alt="" />钓鱼岛是中国的
<img src="img/4.jpg" alt="" />
</div>
</body>
</html>
<!--消除图片边距方法
1)图片横排产生边距消除方法:给图片设置浮动或者将img标签整理成一排,不用回车。2)图片竖排产生边距消除方法:给图片设置vertical-align:top或者把img变成block。
;-->
阅读全文
0 0
- 前端小总结之图片边距的消除方法
- 图片消除边距的方法
- 图片边距消除的方法
- html中消除图片间隙方法总结
- 前端技术之小总结
- 消除桌面图标上小箭头的方法
- 各种消除眼袋的小方法
- 消除图片底部间隙的方法
- 图片之间边距消除
- 前端小总结之简单的图文混排
- 前端之js方法总结
- 前端总结之图片文字隐藏
- 前端性能优化之图片优化方法
- 图片上下排列3px间隔的消除方法
- 总结的前端入门方法
- warning 的消除方法
- 消除^M的方法
- 前端小知识点总结
- SVM 支持向量机(1)--- 完全线性可分
- 【正一专栏】评战狼2——个人英雄主义的YY
- Mysq基本语法
- csuoj1974: 神奇药水
- 计算几何
- 前端小总结之图片边距的消除方法
- python创建n行m列数组
- C#实现获取IIS站点及虚拟目录信息的方法
- Python语言开发工具
- 冒泡排序(bubbleSort.cpp)
- C#中JavaScriptSerializer帮助类用法实例
- C#生成条形码图片的简单方法
- hdu 1695 GCD
- 史上最简洁C# 生成条形码图片思路及示例分享