CSS+DIV点滴

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

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

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

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

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

3.一般防止内容溢出，设定高宽以后使用overflow:hidden;即可实现，但是给table设置不好使，这种情况需添加table-layout: fixed; 引自：http://www.itbobo.com/css-table-prevent-overflow-knew.html

评论

6 楼 Flighting_Chou 2010-06-01  

4769946 写道

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

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

5 楼 4769946 2010-05-21  

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

4 楼 wikimo 2010-05-21  

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

3 楼 huajian15 2010-05-21  

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

2 楼 寄生虫 2010-05-20  

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

1 楼 jancy 2010-05-20  

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