问题标签 [centering]

我正在尝试创建一个可以应用于 div 的函数，并让该 div在它的父级中居中，垂直和水平。

我正在尝试使居中的功能变得通用，这样我就不必继续重写居中的代码了。

使用 JQUERY，你会怎么做才能使居中变得最容易。

背景：我正在使用一个照片购物车，它会自动从 php 生成一个基于表格的画廊，从而限制了我太多的灵活性。我也是新手。

问题：画廊展示了高度适应内容的表格单元格。当我有一整行水平缩略图时，表格单元格又短又宽，而当一行包含垂直缩略图时，单元格要高得多。我希望单元格都是方形的，缩略图就在中间。

我可以访问样式表中的输入 CSS，以及一小部分 HTML 输入，但此 HTML 插入到单个缩略图表单元格中；我无权编辑主表 HTML。我发现了许多使用 firebug 的组件的类和 ID 名称。

我尝试过的：我尝试插入固定大小的 DIV，但表格仍然会占用任何未被实际图像占用的垂直空间。我尝试将 180px x 180px 的透明 PNG 文件插入到 div 中（用于强制正确大小的单元格），然后将缩略图（150px x 150px）放入另一个 div 并弄乱 z-indexing，相对/absolute 定位等，但我从来没有让两个 div 堆叠在一起。绝对定位始终将所有 50 个缩略图对齐到页面的左上角，而不是表格单元格。现在，缩略图 div 总是出现在 PNG div 的正下方，导致表格单元格太高。

我被困住了，因为我已经尝试了我的技能范围内的所有内容并且用尽了我的谷歌搜索。我认为我需要一种方法来强制表格单元格保持一定的高度，或者找到一种方法使缩略图图像覆盖在 PNG 之上。

这是我当前的代码，将 180x180 PNG（强制表格调整为正确尺寸）放在一个 div 中，将缩略图放在第一个 div 下方的第二个 div 中。请原谅我的马虎，因为我绝不是专业人士，只是一个修补匠！

插入单个表格单元格的 HTML

我可以访问这些额外的类和 ID：

我有一个关于 wordpress 的博客，我需要将一个对象居中。最简单的方法是什么？

我想在 div 中居中图像。div 的宽度固定为 300 像素。图像宽度仅在运行时已知。它通常大于 300px，因此图像应该居中并左右切割。在这种情况下，margin 0 auto 不起作用。

感谢您的任何 CSS 想法

UPD这里 关注这个有趣的任务

我有一个基于 Flash 的网站。我想用javascript在它上面放置一个广告（像网站一样水平居中）。

flash 站点都在 1 个 flash 容器中。我打算在 Flash 网站上留下一个视觉间隙，让广告悬停在上面。

我不知道执行此操作所需的 html 或 javascript。仍在搜索，这似乎有点普遍。

我假设我将使用 div(s)

参考网站：

http://www.charbythevampirate.com/shell.html?page=comics&comic=24

我正在制作一个下拉列表，并且项目的长度非常不同，因此所有项目的标准宽度使它看起来很奇怪，但是我无法让下拉列表的行为方式看起来并不奇怪。我希望下拉无序列表以他们的父母为中心，但没有预先确定设定的宽度。我已经看到了用 js 做到这一点的方法，但想知道有没有办法只用 CSS 来实现它？

hhttp://jsfiddle.net/QacGj/2/

我有一个包含在第二行的无序列表，需要在包含的 UL 中水平居中。每个 LI 都是一个设置的宽度和高度。我见过许多适用于单行的方法，但是当列表换行到第二行时，我尝试过的任何方法都不起作用。如果这在 IE7+ 中有效，那将是理想的——感谢您的帮助。

请参阅此处的插图：

http://grab.by/8UIl

我有一个容器 div，想在中心 div 中放置三个 div 标签，我的 XHTML 是正确的，但我遇到的问题是，在 div 中居中三个 div。

我现在将显示代码。

XHTML 1.0 过渡 (HTML)

层叠样式表 (CSS)

要查看我正在尝试做的示例，请访问http://www.noxinnovations.com/portfolio/hfc/

我想知道如何在内容 div 中居中这三个内容框。

非常感谢，亚伦布鲁尔

我有一个居中的容器 div，其中包含左侧的内容 div 和右侧的导航 div。我希望导航 div 被修复，就像不滚动内容一样。见下图。这是可行的吗？

我有一个网页，一侧有一个固定的 200px 列（包含菜单）。右侧是可变宽度。右侧将使用 AJAX 填充。对于默认页面（当没有选择菜单项时），我试图让公司徽标在页面中水平居中，而不是放置它的 div。到目前为止，我尝试过的所有 CSS 都没有按预期工作，随着浏览器窗口水平调整大小，徽标会从中心向左或向右移动。担心我剩余的头发会脱落，我正在寻找建议。

附加信息

两列的 CSS（来自 Dreamweaver）是

sidebar1 列包含菜单。右侧（主）列很简单<div class="content"></div>，它将根据从菜单中选择的内容从服务器接收内容。这个 div 当然相对于页面位于中心的右侧，但我想将徽标放入 div 中，但在页面中水平居中。