利用图片进行定位

原创 2007年09月23日 11:42:00

利用图片进行定位

左直拳

 

好多人说,现在页面是用DIV + CSS 来定位,可以完全抛弃TABLE了。在我看来,这纯粹是扯蛋。扯蛋,意思就是用嘴含着阴囊的皮,向旁边扯去。

不过,用TABLE来定位,有时也会有点问题。比如说,定义一个列表,有三列,其中有两列的宽度固定,放些“编辑”、“浏览”之类的文字,而另一列放标题,相对比较宽。如下:

<table width="90%" border="1">

<tr><td>标题</td><td style="width:50px">&nbsp;</td><td style="width:50px">&nbsp;</td></tr>

<tr><td>长洲宾客人数多</td><td align="center">浏览</td><td align="center">编辑</td></tr>

</table>

标题    
长洲宾客人数多 浏览 编辑

 

这样一来,如果页面缩放拉伸,“浏览”、“编辑”这些文字就有可能变形,缩成一对,由一行变两行。其实我们最希望的结果是:“标题”栏随页面自动伸缩,而“”浏览,“编辑”栏固定。

怎么试都不成功,看来只能用图片了。

在开头增加一行:

<table width="90%" border="1">

<tr><td style=width:100%;></td><td><img src=很小的图片 width=50px height=0px alt=””/></td><td><img src=很小的图片 width=50px height=0px alt=””/></td></tr>

<tr><td>标题</td><td>&nbsp;</td><td>&nbsp;</td></tr>

<tr><td>长洲宾客人数多</td><td align="center">浏览</td><td align="center">编辑</td></tr>

</table>

这样子不论所在页面如何缩放拉伸,”浏览,“编辑”都不会变形。

原理如下:第一列(标题列)宽度为100%,所以会拼命扩张;但浏览和编辑列有两张图片在,而图片是不会折叠的,所以这两列刚刚好撑住了图片指定宽度的空间.以后页面缩放,其实变的只是标题列的宽度,刚好符合我们的要求

 

 

版权声明:本文为博主原屙文章,喜欢你就担走。

相关文章推荐

将多个图片整合到一张图片中再用CSS_进行网页背景定位

众所周知,减少网站加载时间的最有效的方式之一就是减少网站的HTTP请求数。实现这一目标的一个有效的方法就是通过CSS Sprites——将多个图片整合到一个图片中,然后再用CSS来定位。 CSS S...

利用边缘检测进行车牌的定位

  • 2009年05月30日 11:11
  • 10KB
  • 下载

利用定位来显示垂直局中的图片

  • 2011年12月14日 15:20
  • 875B
  • 下载

利用scikit-learn进行人脸表面关键点的定位

我们大多数人都照镜子,不知道我们看起来有多好。但是,在判断自己的吸引力时,往往很难客观,而我们往往太尴尬而无法要求别人的意见。如果有一个计算机程序可以为你回答这个问题,你的形象怎么样?很漂亮,是吗? ...

php 利用百度地图进行定位ip gps

//显示效果 {     address: "北京市海淀区西二旗北路",     province: "北京市",     city: "北京市",     street: "西二旗北路",    ...

安卓开发笔记①:利用高德地图API进行定位、开发电子围栏、天气预报、轨迹记录、搜索周边(位置)

安卓开发笔记①:利用高德地图API进行定位、开发电子围栏、天气预报、轨迹记录、搜索周边(位置)...

利用name和id属性创建目的地锚点进行页面定位

html中的锚记 a 标签 -- 代表HTML链接 * a标签是成对出现的,以开始, 结束 * 属性. o Common -- 一般属性 o accesskey -- 代表一个链接的快捷键...

利用百度SDK进行城市定位

最近利用百度SDK做了个城市定位,期间犯了一些错误,所以分享出来,希望能帮助大家. 也许有其它更好的方法能进行定位,在这不再深究了  .   Step.1  申请百度开发者并注册   网址: ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:利用图片进行定位
举报原因:
原因补充:

(最多只允许输入30个字)