<div id="list"><div id="first"></div>    <!-- 空标签作为占位符调整背景图片和文字的距离--><a href="#zhongbiao"><div>钟表馆</div></a><a href="#qiche"><div>汽车用品馆</div></a><a href="#meishi"><div>保健馆</div></a><a href="#保健"><div>保健馆</div></a><a href="酒饮"><div>酒饮馆</div></a><a href="#母婴"><div>母婴馆</div></a><a href="#"><div></div></a>
</div>
#list{background-image: url(images/hdj.png);position:fixed;  <!--图片固定在屏幕上-->top:38%;         <!--list标签中的内容在屏幕上方-->right:2%;        <!--list标签中的内容距离屏幕右方的距离-->height: 425px;width:120px;
}
#first{height: 160px;
}


下面是没有空标签时文字和图片的距离

空标签作为占位符调整距离相关推荐

  1. html图片占位符怎么设置,使用CSS3 Gradients创建图片占位符

    最典型的问题是在画册制作中,没有显示出足够多图片: 解决方案有很多种,你可以在后面直接留空白区域:你也可以添加额外的html标签作为占位符.第一种方案觉得还可以,但第二种解决方案感觉会让你的代码不干净 ...

  2. beetl 页面标签_05.Beetl标签函数以及定界符、占位符介绍---《Beetl视频课程》

    标签函数 layout 所谓标签函数,即允许处理模板文件里的一块内容,功能等于同jsp tag. 如Beetl内置的layout标签 index.html layout("/inc/layo ...

  3. 05.Beetl标签函数以及定界符、占位符介绍---《Beetl视频课程》

    为什么80%的码农都做不了架构师?>>>    本期视频实现了博客的详情页面: 内容简介:使用了标签函数layout完成详情功能 一起学beetl目录:https://my.osch ...

  4. vue.js占位html标签,Vue中占位符如何使用

    这次给大家带来Vue中占位符如何使用,Vue中占位符使用的注意事项有哪些,下面就是实战案例,一起来看一下. 简单来说就是占位符,它会帮你占好位置,等你需要的时候直接将html传入,它会帮你显示出来. ...

  5. 2020.7.15 c#转换符 运算符 if语句 swith语句 函数 随机数的生成,判断字符是否为空 占位符

    day2 显示转换 小数据类型 变量 =(小数据类型)变量: ↑必须都是数字类型 强制转换符: string->int convert.to类型: 例: string str=console.R ...

  6. li标签去掉点和占位符

    li标签 li 标签定义列表项目.li 标签可用在有序列表 (ol) 和无序列表 (ul) 中.可以通过type或者value属性来定义每一项前面的样式,原点.实心原点等等.需要注意的是在W3C中这种 ...

  7. python基础入门--input标签、变量、数字类型、列表、字符串、字典、索引值、bool值、占位符格式输出...

    # 在python3 中: # nian=input('>>:') #请输入什么类型的值,都成字符串类型# print(type(nian)) # a = 2**64# print(typ ...

  8. android 多个占位符,Android多语言支持:由于占位符计数不同导致的字符串格式问题...

    我正在制作一个法语Android应用程序,我正在努力支持英语. 我使用"占位符"来格式化我的字符串,因此我可以将它们调整为男性和女性用户.例如,我的s​​trings.xml文件中 ...

  9. UITextView中的占位符

    我的应用程序使用UITextView . 现在,我希望UITextView具有类似于可以为UITextField设置的占位符. 这个怎么做? #1楼 简单的方法,只需使用以下UITextViewDel ...

最新文章

  1. linux c内核开发,嵌入式uClinux的内核结构和开发环境
  2. ubuntu mysql登陆_ubuntu mysql 配置 远程登陆
  3. exsi5.5安装过程中遇到的一个问题
  4. CCNA 第二学期答案
  5. 36.JVM内存分哪几个区,每个区的作用是什么、如和判断一个对象是否存活、java垃圾回收机制、垃圾收集的方法有哪些、java类加载过程、类加载机制、双亲委派、Minor GC和Major GC
  6. 弥补关系型数据库的不足,引入分布式存储
  7. html zoom中心,css中的zoom的使用
  8. 199的Eagle一点都不香了!Picsee Mac图片收集整理工具是您必备
  9. 深入理解JVM(4)——对象内存的分配策略
  10. 代码协定(三)——假定和断言
  11. arbotix导入出错
  12. 苹果软解ID软件(X.PASSWORD-XIMEI 苹果id锁)--上帝左手汉化组(内附即时更新)
  13. 中国知名的12个股份制商业银行,你知道几个?
  14. 牛顿法详解(海森矩阵如何使用)
  15. Bypass disable_function
  16. 简单的交换机下设备连接,路由器互通
  17. 清除dell服务器面板告警信息,DELL面板告警日志
  18. ubuntu分区时主分区和逻辑分区怎么分
  19. 运用gm/id法设计二级运放教程
  20. 建筑工地通道管理系统(有效防止考勤作弊)

热门文章

  1. 亿级商品详情页架构演进技术解密
  2. overridePendingTransition 方法在Fragment 中使用
  3. 微信小程序模板template
  4. 使用码云给同事地址地址注意事项
  5. 请给出一个Scala RDD的HelloWorld例子
  6. 关于acm的新手一些问题
  7. [转]Getting Start With Node.JS Tools For Visual Studio
  8. ubuntu14.04安装hadoop2.6.0(伪分布模式)
  9. 转载自——Json.net动态序列化以及对时间格式的处理
  10. 0709 C语言常见误区----------函数指针问题