全国服务热线:4008-888-888

技术知识

CSS网页页面合理布局学习培训之Font


CSS网页页面合理布局学习培训之Font-size的妙用. 我在做网站新项目的情况下一般必须界定1个高宽比为10px下列的div。编码以下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无题目文本文档</title>
</head>
<body>
<div style="background:blue; height:8px"></div>
</body>
</html>
意思是界定1个高宽比为8px,蓝色情况的div.在各访问起的具体实际效果以下:

之前我处理IE6.0下出現的这类难题的方式是 加overflow:hidden
<div style="background:blue; height:8px;overflow:hidden"></div>
由于加overflow:hidden有时会出現许多难题.
我在网络上翻阅了1下材料,导致IE6.0下多出来高宽比的缘故是由于:沒有给div界定字体样式尺寸的状况下,默认设置是font-size;12px. 因此给font-size界定为0便可以处理难题了.
编码以下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无题目文本文档</title>
</head>
<body>
<div style="background:blue; height:8px; font-size:0"></div>
</body>
</html>
在各访问起的具体实际效果以下:


在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服