论坛首页 Web前端技术论坛

CSS+DIV点滴

浏览 8063 次
锁定老帖子 主题:CSS+DIV点滴
精华帖 (0) :: 良好帖 (0) :: 新手帖 (6) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-05-19  
CSS

1.给img添加链接时,即使给链接<a href="" >标签写了text-decoration:none;样式,img还会显示边线;这是因为该

   情况下img会默认显示边框,所以必须给img添加border:0;的样式。因为一般的img都无需边框,所以可以将设置img

   无边框的代码写到公共的样式文件中,以达到代码公用的目的

2.同一div中存在文本和图片,已写了样式使div的内容垂直居中,若图片的高度值过大会使文本和图片无法居中;这种情况

   可以通过img的align="absmiddle"属性设置使图片居中,文本自动也会居中

   发表时间:2010-05-20  
WEB开发中的基础东东哦,不过还是很感谢楼主的分享!
0 请登录后投票
   发表时间:2010-05-20  
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"

0 请登录后投票
   发表时间:2010-05-21  
寄生虫 写道
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 好象不支持!

0 请登录后投票
   发表时间:2010-05-21  
img{border:none;}  应该比img{border:0} 更好……
0 请登录后投票
   发表时间:2010-05-21  
有人说img{border:0 none;}更好    但我觉得有些多此一举   大家认为呢
0 请登录后投票
   发表时间:2010-06-01  
4769946 写道
有人说img{border:0 none;}更好    但我觉得有些多此一举   大家认为呢

这有一篇关于“border:none;与border:0;的区别”的文章,我之前写“border:0”时没有考虑这么详细,但很多细节堆积会影响整体效率,谢谢大家的提醒
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics