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

rosecshly0928 2013-01-15 01:00:59
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是靠左对齐的。
我应该怎么做呢
...全文
255 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
bbjbepzz 2013-01-16
  • 打赏
  • 举报
回复
如果没有用定位的话,可以设置DIV的align="center"或者设置父DIV的text-align='center'
鲁康 2013-01-15
  • 打赏
  • 举报
回复
写个table将id=float_logo的div套住并设置为居中就好了,对齐神马的最好用table
BorisHuai 2013-01-15
  • 打赏
  • 举报
回复
这里最好的方式就是用绝对定位了,另外一种方式就是用相对定位,然后把它的top设成负值,但是这两种方式绝对定位更好一点,毕竟相对定位会有一定的副作用。 这里之所以只能用定位是因为该元素的父元素有多个节点,如果只有一个元素的话则可以通过设置line-height和父元素的高度一样的方式来达到水平居中。关于垂直居中的文章参考:http://www.blueidea.com/tech/web/2006/3231.asp
xiaofan_sap 2013-01-15
  • 打赏
  • 举报
回复
用绝对定位 没什么不对呀。外层相对定位,里面的元素绝对对位 精确布局 ,很流行的方式嘛。你这个最好就按照绝对定位来吧
rosecshly0928 2013-01-15
  • 打赏
  • 举报
回复
引用 2 楼 xiaofan_sap 的回复:
CSS code?1结果不是我想的这样,id=float_logo的div是靠左对齐的。 由于你采用的是绝对定位 ,必须 使用 left 跟 top 来对他的位置进行定位了。
谢谢,我要不用绝对定位能行吗
xiaofan_sap 2013-01-15
  • 打赏
  • 举报
回复


结果不是我想的这样,id=float_logo的div是靠左对齐的。
由于你采用的是绝对定位 ,必须 使用 left 跟 top 来对他的位置进行定位了。
豪情 2013-01-15
  • 打赏
  • 举报
回复
left: width / 2 = 542px;

#float_logo {
  height: 49px;
  left: 542px;
  position: absolute;
  text-align: left;
  top: 5px;
  width: 1085px;
  z-index: 101;
}
1. HTML对象获取问题 3 2. const问题 3 3. event.x与event.y问题 3 4. window.location.href问题 3 5. frame问题 3 6. 模态和非模态窗口问题 3 7. firefox与IE的父元素(parentElement)的区别 3 8. document.formName.item(”itemName”) 问题 3 9. 集合类对象问题 3 10. 自定义属性问题 3 11. input.type属性问题 3 12. event.srcElement问题 3 13. body载入问题 3 14. 事件委托方法 3 15. Table操作问题 3 16. 对象宽高赋值问题 3 Ø CSS 3 1. cursor:hand VS cursor:pointer 3 2. innerText在IE中能正常工作,但在FireFox中却不行. 3 3. CSS透明 3 4. css中的width和padding 3 5. FF和IE BOX模型解释不一致导致相差2px 3 6. IE5 和IE6的BOX解释不一致 3 7. ul和ol列表缩进问题 3 8. 元素水平居中问题 3 9. Div的垂直居中问题 3 10. margin加倍的问题 3 11. IE与宽度和高度的问题 3 12. 页面的最小宽度 3 13. DIV浮动IE文本产生3象素的bug 3 14. IE捉迷藏的问题 3 15. float的div闭合;清除浮动;自适应高度 3 16. 高度不适应 3 17. IE6下图片下有空隙产生 3 18. 对齐文本与文本输入框 3 19. LI中内容超过长度后以省略号显示 3 20. 为什么web标准中IE无法设置滚动条颜色了 3 21. 为什么无法定义1px左右高度的容器 3 22. 链接(a标签)的边框与背景 3 23. 超链接访问过后hover样式就不出现的问题 3 24. FORM标签 3 25. 属性选择器(这个不能算是兼容,是隐藏css的一个bug) 3 26. 为什么FF下文本无法撑开容器的高度 3

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧