热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

怎么是浮动的div水平居中啊?【HTML】

web前端|html教程怎么是浮动的div水平居中啊?web前端-html教程divfloat摄影图库源码,ubuntu文本模式报错,app爬虫抓包,php教程合集,南昌seo专员

web前端|html教程怎么是浮动的div水平居中啊?【HTML】
怎么是浮动的div水平居中啊?
web前端-html教程
div float
摄影图库源码,ubuntu文本模式报错,app爬虫 抓包,php教程合集,南昌seo专员lzw
http://primetouchandfeel.com/这个地址上有一个字样为prime touch and feel的图片,我希望这个图片在home的下方,浮动在menu下的slider上。
我是这样的想的,我把image放在一个宽度为1085px的div(id=float_logo)中,image在这个div中靠左对齐,id=float_logo的div在父div中水平居中,结果不是我想的这样,id=float_logo的div是靠左对齐的。
我应该怎么做呢
段子源码,vscode报错提示怎么关,ubuntu配网,tomcat非法域名,广州蚯蚓爬虫,php 强制下线,seo专业优化平台有哪些,自动收录的网站导航源码,织梦模板 仿一点资讯lzw
回复讨论(解决方案)
linux tcp源码,vscode新建h5模板,Ubuntu使用vlan,如何给tomcat扩容,杀灭床垫爬虫,php 获取来路url,福州市seo推广知识概念,使用tag的网站lzw
left: width / 2 = 542px;

#float_logo { height: 49px; left: 542px; position: absolute; text-align: left; top: 5px; width: 1085px; z-index: 101;}

结果不是我想的这样,id=float_logo的div是靠左对齐的。

由于你采用的是绝对定位 ,必须 使用 left 跟 top 来对他的位置进行定位了。

CSS code?1结果不是我想的这样,id=float_logo的div是靠左对齐的。
由于你采用的是绝对定位 ,必须 使用 left 跟 top 来对他的位置进行定位了。
谢谢,我要不用绝对定位能行吗

用绝对定位 没什么不对呀。外层相对定位,里面的元素绝对对位 精确布局 ,很流行的方式嘛。你这个最好就按照绝对定位来吧

这里最好的方式就是用绝对定位了,另外一种方式就是用相对定位,然后把它的top设成负值,但是这两种方式绝对定位更好一点,毕竟相对定位会有一定的副作用。

这里之所以只能用定位是因为该元素的父元素有多个节点,如果只有一个元素的话则可以通过设置line-height和父元素的高度一样的方式来达到水平居中。关于垂直居中的文章参考:http://www.blueidea.com/tech/web/2006/3231.asp

写个table将id=float_logo的div套住并设置为居中就好了,对齐神马的最好用table

如果没有用定位的话,可以设置DIV的align=”center”或者设置父DIV的text-align=’center’


推荐阅读
  • 分享css中提升优先级属性!important的用法总结
    web前端|css教程css!importantweb前端-css教程本文分享css中提升优先级属性!important的用法总结微信门店展示源码,vscode如何管理站点,ubu ... [详细]
  • mui框架offcanvas侧滑超出部分隐藏无法滚动如何解决
    web前端|js教程off-canvas,部分,超出web前端-js教程mui框架中off-canvas侧滑的一个缺点就是无法出现滚动条,因为它主要用途是设置类似于qq界面的那种格 ... [详细]
  • 开发笔记:Python之路第一篇:初识Python
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了Python之路第一篇:初识Python相关的知识,希望对你有一定的参考价值。Python简介& ... [详细]
  • 2018年人工智能大数据的爆发,学Java还是Python?
    本文介绍了2018年人工智能大数据的爆发以及学习Java和Python的相关知识。在人工智能和大数据时代,Java和Python这两门编程语言都很优秀且火爆。选择学习哪门语言要根据个人兴趣爱好来决定。Python是一门拥有简洁语法的高级编程语言,容易上手。其特色之一是强制使用空白符作为语句缩进,使得新手可以快速上手。目前,Python在人工智能领域有着广泛的应用。如果对Java、Python或大数据感兴趣,欢迎加入qq群458345782。 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • MySQL语句大全:创建、授权、查询、修改等【MySQL】的使用方法详解
    本文详细介绍了MySQL语句的使用方法,包括创建用户、授权、查询、修改等操作。通过连接MySQL数据库,可以使用命令创建用户,并指定该用户在哪个主机上可以登录。同时,还可以设置用户的登录密码。通过本文,您可以全面了解MySQL语句的使用方法。 ... [详细]
  • Android实战——jsoup实现网络爬虫,糗事百科项目的起步
    本文介绍了Android实战中使用jsoup实现网络爬虫的方法,以糗事百科项目为例。对于初学者来说,数据源的缺乏是做项目的最大烦恼之一。本文讲述了如何使用网络爬虫获取数据,并以糗事百科作为练手项目。同时,提到了使用jsoup需要结合前端基础知识,以及如果学过JS的话可以更轻松地使用该框架。 ... [详细]
  • 背景应用安全领域,各类攻击长久以来都危害着互联网上的应用,在web应用安全风险中,各类注入、跨站等攻击仍然占据着较前的位置。WAF(Web应用防火墙)正是为防御和阻断这类攻击而存在 ... [详细]
  • 本文介绍了互联网思维中的三个段子,涵盖了餐饮行业、淘品牌和创业企业的案例。通过这些案例,探讨了互联网思维的九大分类和十九条法则。其中包括雕爷牛腩餐厅的成功经验,三只松鼠淘品牌的包装策略以及一家创业企业的销售额增长情况。这些案例展示了互联网思维在不同领域的应用和成功之道。 ... [详细]
  • PHP函数实现分页含文本分页和数字分页【PHP】
    后端开发|php教程PHP,分页后端开发-php教程最近,在项目中要用到分页。分页功能是经常使用的一个功能,所以,对其以函数形式进行了封装。影视网源码带充值系统,vscode配置根 ... [详细]
  • Linux下部署Symfoy2对app/cache和app/logs目录的权限设置,symfoy2logs
    php教程|php手册xml文件php教程-php手册Linux下部署Symfoy2对appcache和applogs目录的权限设置,symfoy2logs黑色记事本源码,vsco ... [详细]
  • 【爬虫】关于企业信用信息公示系统加速乐最新反爬虫机制
    ( ̄▽ ̄)~又得半夜修仙了,作为一个爬虫小白,花了3天时间写好的程序,才跑了一个月目标网站就更新了,是有点悲催,还是要只有一天的时间重构。升级后网站的层次结构并没有太多变化,表面上 ... [详细]
  • 用PHP连接MySQL代码的参数说明【PHP】
    后端开发|php教程PHP,连接,MySQL,参数后端开发-php教程代码是这样的:大图标网站源码,怎么在vscode中调试css,ubuntu退出命令行,系统默认开tomcat, ... [详细]
  • 本人学习笔记,知识点均摘自于网络,用于学习和交流(如未注明出处,请提醒,将及时更正,谢谢)OS:我学习是为了上 ... [详细]
  • 电脑f5键是什么作用
    常见问题f5常见问题韩亚整形医院源码,vscode写前端代码,ubuntu低配,tomcat下载路径乱码,爬虫_gscu,php精粹pdf,广州快速seo优化排名,aspwap网站 ... [详细]
author-avatar
二狗子
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有