CSS+DIV点滴

feiguo · 发表于 2011-7-20 09:22

1.给img添加链接时，即使给链接<a href="" >标签写了text-decoration:none;样式，img还会显示边线；这是因为该
情况下img会默认显示边框，所以必须给img添加border:0;的样式。因为一般的img都无需边框，所以可以将设置img
无边框的代码写到公共的样式文件中，以达到代码公用的目的
2.同一div中存在文本和图片，已写了样式使div的内容垂直居中，若图片的高度值过大会使文本和图片无法居中；这种情况
可以通过img的align="absmiddle"属性设置使图片居中，文本自动也会居中

北大青鸟 · 发表于 2011-7-20 09:23

WEB开发中的基础东东哦，不过还是很感谢楼主的分享！

有烟没火 · 发表于 2011-7-20 09:23

1.给img添加链接时，即使给链接<a href="" >标签写了text-decoration:none;样式，img还会显示边线；这是因为该
情况下img会默认显示边框，所以必须给img添加border:0;的样式。因为一般的img都无需边框，所以可以将设置img
无边框的代码写到公共的样式文件中，以达到代码公用的目的
2.同一div中存在文本和图片，已写了样式使div的内容垂直居中，若图片的高度值过大会使文本和图片无法居中；这种情况
可以通过img的align="absmiddle"属性设置使图片居中，文本自动也会居中
style="vertical-align:middle"

走就走吧 · 发表于 2011-7-20 09:23

寄生虫
Flighting_Chou
1.给img添加链接时，即使给链接<a href="" >标签写了text-decoration:none;样式，img还会显示边线；这是因为该
情况下img会默认显示边框，所以必须给img添加border:0;的样式。因为一般的img都无需边框，所以可以将设置img
无边框的代码写到公共的样式文件中，以达到代码公用的目的
2.同一div中存在文本和图片，已写了样式使div的内容垂直居中，若图片的高度值过大会使文本和图片无法居中；这种情况
可以通过img的align="absmiddle"属性设置使图片居中，文本自动也会居中
style="vertical-align:middle"

style="vertical-align:middle" 这个不能让图片居中，IE6 好象不支持！

只学java · 发表于 2011-7-20 09:23

img{border:none;} 应该比img{border:0} 更好……

月上萧萧 · 发表于 2011-7-20 09:23

有人说img{border:0 none;}更好但我觉得有些多此一举大家认为呢

醉倚西风 · 发表于 2011-7-20 09:23

这有一篇关于“border:none;与border:0;的区别”的文章，我之前写“border:0”时没有考虑这么详细，但很多细节堆积会影响整体效率，谢谢大家的提醒

帐号		自动登录	找回密码
密码			成为会员

CSS+DIV点滴

相关帖子