关闭

利用图片进行定位

标签: tablebordercssdiv
1351人阅读 评论(0) 收藏 举报
分类:

利用图片进行定位

左直拳

 

好多人说,现在页面是用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%,所以会拼命扩张;但浏览和编辑列有两张图片在,而图片是不会折叠的,所以这两列刚刚好撑住了图片指定宽度的空间.以后页面缩放,其实变的只是标题列的宽度,刚好符合我们的要求

 

 

0
0
查看评论

python实现物体定位

前段时间利用实验室的器材写了一个小小的项目,简单的整理了一下(并不完善),现在分享一下。实验的内容是:使用卫星定位信息接收器,接收物体的位置信息(包括经度纬度等等),然后解析这些数据,然后根据经度纬度等信息通关百度地图API获取物体的具体位置信息,实现对物体的定位!     我...
  • zr1076311296
  • zr1076311296
  • 2016-07-01 13:40
  • 4809

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

//显示效果 {     address: "北京市海淀区西二旗北路",     province: "北京市",    ...
  • tiedanzi
  • tiedanzi
  • 2016-10-21 16:39
  • 762

Python实现图片中英文信息识别

1.说明 1)Python版本:3.x 2)安装PIL、pytesseract 3)安装识别引擎tesseract-ocr 4)测试两张图片,denggao.jpg(中文信息)、test.jpg(英文信息) 2.安装操作 1)进入cmd界面,执行以下两行命令,进行...
  • qq_40426415
  • qq_40426415
  • 2018-02-02 16:49
  • 36

转 div+css 背景图片的定位取图问题详解

我们在研究其他的网站的样式的时候经常会发现一种情况,就是在很多background属性里都调用同一张图片,来满足网页各个部分的使用。打开这种图片看一下,会发现这张图片上包含了很多小图片,比如: 又如: 这些小图片就是整图分割后的各个部分,把各个部分放在一张图片上,而不是是...
  • fengxinyixiao
  • fengxinyixiao
  • 2012-11-07 15:10
  • 1055

深度学习图片文字定位识别

复杂的图片文字识别与定位传统OCR以及opencv做的效果好很难,现在一般使用深度学习来做,网上也有不少开源的: 1. 图片文字的定位:https://github.com/tianzhi0549/CTPN 2. 图片文字识别: https://github.com/bgshih/crnn ...
  • haluoluo211
  • haluoluo211
  • 2017-09-01 20:23
  • 3845

CSS图片透明度设置及层定位

 透明度设置opacity值越大,图片越透明:          filter:alpha(opacity=50);" /> 层定位:  ...
  • wszhoho
  • wszhoho
  • 2007-06-15 08:25
  • 2415

激光雷达定位(四)

原文出处:http://blog.csdn.NET/renshengrumenglibing/article/details/8619827 机器人定位的目的是为了知道“自己在什么地方”,目前,机器人定位的方法可以分为非自主定位与自 主定位两大类。所谓非自主定位是在定位的过程中...
  • aihao_diy
  • aihao_diy
  • 2017-05-22 17:21
  • 596

利用第三方定位工具贝多进行定位。

<br />在贝多的网站上下在Symbian的例子,然后根据下面的提示把lib,dso库考到相应的文件夹下<br /><br /> 1.S60 3rd Edtion的WINSCW下的文件PepLocManager.lib和PepLocServer.exe 拷贝到...
  • think12
  • think12
  • 2011-02-21 17:47
  • 380

利用百度地图定位

百度API示例http://developer.baidu.com/map/jsdemo.htm#i1_41、根据搜索地址获取经纬度&amp;lt;iframe style=&quot;margin-top:50px;&quot; id=&quot;mapPage&a...
  • chenchenm
  • chenchenm
  • 2017-07-15 16:42
  • 158

Cocos2d-x 图片资源加密,Lua文件加密

 请参见:  http://www.cnblogs.com/zisou/p/cocos2dxJQ-67.html
  • u011269801
  • u011269801
  • 2015-08-24 21:19
  • 293
    个人资料
    • 访问:2513159次
    • 积分:33967
    • 等级:
    • 排名:第158名
    • 原创:919篇
    • 转载:0篇
    • 译文:0篇
    • 评论:627条
    文章分类
    最新评论