利用图片进行定位

原创 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请求次数,节省时间和带宽。 那么怎么来实现一张图片在不同的地方只显示...

利用AFN进行多图片上传

当应用程序生成一个新的线程的时候,该线程变成应用程序进程空间内的一个实体。每个线程都拥有它自己的执行堆栈,由内核调度独立的运行时间片。一个线程可以和其他线程或其他进程通信,执行I/O操作,甚至执行任何...

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

iOS应用利用自带的地图进行定位

定位

上传图片前将图片利用canvas进行压缩

例如我做的是上传食谱,上传餐品图片前需要将该图的质量进行压缩 HTML:                JS: 点击默认图片触发文件file(改变file的默认样式) function choose...

css图片定位

 css定位图片至少有一个好处.那就是节约服务器的线程数,将很多小的零碎的图片整合到一个稍微大一点的图片上.对于网页管理有一定的好处. 下面就给大家介绍一个从网上找来的方法. 在CSS中,背...

IOS中使用像素位图(CGImageRef)对图片进行处理

IOS中对图片进行重绘处理的方法总结 一、CGImageRef是什么 CGImageRef是定义在QuartzCore框架中的一个结构体指针,用C语言编写。在CGImage.h文件中,...

IOS中使用像素位图(CGImageRef)对图片进行处理

IOS中对图片进行重绘处理的方法总结 一、CGImageRef是什么 CGImageRef是定义在QuartzCore框架中的一个结构体指针,用C语言编写。在CGImage.h...

IOS中使用像素位图(CGImageRef)对图片进行处理

摘要 在IOS开发中,我们时常会用到裁剪图片,重绘图片等方法,CGImageRef便是我们经常会使用到的一个对象。 IOS CGImage CGImageRef 截图 图像处理 目...

CSS实例:利用CSS定位背景图片

我们在研究其他的网站的样式的时候经常会发现一种情况,就是在很多background属性里都调用同一张图片,来满足网页各个部分的使用。打开这种图片看一下,会发现这张图片上包含了很多小图片,比如: 又如:...
  • hxp42
  • hxp42
  • 2011-02-12 17:27
  • 305

利用CSS定位背景图片 background-position

又如: 这些小图片就是整图分割后的各个部分,把各个部分放在一张图片上,而不是是分别存储成单独的图片,其目的我们都知道,就是减少http请求次数,节省时间和带宽。 那么怎么来实现一张图片在不同的地方只...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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