html - 在容器中心画线,而不是屏幕?

标签 html css

我正在尝试制作类似于 FB 时间轴的东西,我需要在我的容器中心创建一条线。问题是它在屏幕中心创建线,而不是容器。我需要它以容器为中心,因为我在右侧有侧边栏,这意味着 .timeline 不在屏幕中央。

我想要实现的是在容器中心创建像素完美的线,即使我使用浏览器放大它也能保持在中心。

这是 fiddle :http://jsfiddle.net/7Evzk/

最佳答案

要回答你的问题的两个部分,将你的内容设置为 position:relative; 将停止覆盖你的页脚的分隔线,并将使其成为内容而不是窗口的中心:

http://jsfiddle.net/2CLQp/1/

关于html - 在容器中心画线,而不是屏幕?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10248717/

相关文章:

javascript - 当用户单击按钮时显示 div 元素的错误

html - 如何将元素的大小调整到完整的可见高度

php - 在 Wordpress 中使用 PHP 进行文件上传

jquery - 在区域图上叠加图像

html - bg 中是否加载 noscript 内容

html - 最大宽度防止网格填满所有空间

javascript - Chrome css/js 支持

css - 在响应式设计中将图像调整为 100%

php - 如何使用查询字符串链接到服务器生成的 CSS 文件?

java - 将背景图像设置为与 Java 应用程序中的窗口/屏幕大小相同