css基础 display 解决图片与基线对齐而产生的缝隙问题
2018-02-11 15:14
246 查看
礼悟:
公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。
虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。
CSS3优秀,值得学习。
学习资源: www.w3cschool.cn + itcast和itheima视频库 + 清净的心地。
如果您有公开的资源,可以分享给我的话,用您的资源学习也可以。
博文是观看视频后,融入思考写成的。博文好,是老师讲得好。博文坏,是 给最苦 没认真。
公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。
虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。
ide:visual studio 2017
browser:Chrome
os:win7
browser:Chrome
os:win7
代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="给最苦 https://www.cnblogs.com/jizuiku https://github.com/GratefulHeartCoder"/> <title></title> </head> <body style="background-color:grey;"> <div style="background-color:red;"> <!-- 图片、表单等行内块元素,它的底线会和父级盒子的基线对齐 --> <img src="feng.jpg"/> </div> <hr /> <div style="background-color:red;"> <img src="feng.jpg" style="display:block;"/> </div> </body> </html>
效果
CSS3优秀,值得学习。
学习资源: www.w3cschool.cn + itcast和itheima视频库 + 清净的心地。
如果您有公开的资源,可以分享给我的话,用您的资源学习也可以。
博文是观看视频后,融入思考写成的。博文好,是老师讲得好。博文坏,是 给最苦 没认真。
相关文章推荐
- css解决display:inline-block;产生的缝隙(间隙)
- DIV+CSS解决图片文字对齐的问题
- ie浏览器下,css 去掉图片之间产生空白行距问题解决
- CSS解决文字与图片不能水平居中对齐的问题
- ie浏览器下,css去掉图片之间产生空白行距问题解决
- android textView设置html,解决图片和文字不对齐的问题
- wordpress解决主题中路径的问题(图片,css)
- IE6下CSS图片缓存问题解决方法
- 解决IE6下的CSS Hover背景图片闪烁问题
- 关于HttpModule中像图片,*.css,*.js等资源文件也被请求问题的解决
- 【转】CSS解决IE6下PNG图片背景不透明的问题
- 纯CSS+DIV轻松解决对象在任何位置上水平对齐的问题
- CSS中图片于文本的基线对齐设置
- CSS中图片于文本的基线对齐设置
- CSS解决IE6下PNG图片背景不透明的问题
- [Filter过滤器]解决缓存网站图片,css,js等问题
- li中的图片和文字不对齐div+css,解决方法
- li中的图片和文字不对齐div+css,解决方法
- Css处理文字与图片不能水平居中对齐的问题
- 关于HttpModule中像图片,*.css,*.js等资源文件也被请求问题的解决