网页设计
zjthorse
这个作者很懒,什么都没留下…
展开
-
div包裹img底边会有几个像素的空白的问题
在写代码的时候经常遇到这样一个问题,如果div里嵌套一个img元素且div的高度是由img的高度来撑开,那么div的高度总会比img的高度多几个像素,如图1这是图像的自然行为,因为img是内联元素,所以浏览器为下行字符留下一些空间。为了理解刚刚发生的事情,我们来看一下线框的构造,线框内图像的放置以及线框在表格单元格中的放置。首先是一个包含文本的基本线框,如图2所示。翻译 2018-01-04 22:17:10 · 1276 阅读 · 0 评论 -
DOM中删除一个节点,需要点击两次的问题
<body><ulid="my"> <li>Default Nodes1</li> <li>Default Nodes2</li> <li>Default Nodes3</li> </ul>原创 2018-01-29 22:08:02 · 679 阅读 · 0 评论 -
CSS实现图片大小变换
我在使用CSS实现鼠标经过时改变图片大小使用了改变width属性和transform属性,发现有个问题,使用width属性改变图片大小时,图片在页面在页面占用的空间也会跟着变化从而影响周边的其他内容的呈现,导致页面变形;而使用transform变换属性则没有这些问题,就好像图片是在一个独立的层面。样式中还是用了过渡属性transition,这样可以使变换没有那么突兀。示例代码:img {...原创 2018-10-14 13:56:18 · 1582 阅读 · 0 评论