Javascript 标题从左到中居中的内容_Javascript_Jquery_Html_Css

Javascript 标题从左到中居中的内容

javascript jquery html css

Javascript 标题从左到中居中的内容,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我不知道我的问题最好的标题是什么好吧，我将用一张简单的图片展示我想要做的事情：问题是：我有我的内容为中心，让我们说它的980px宽度现在，我的标题将有一个徽标和一个菜单但是，我希望我的头球只使用顶部的左侧，如内容宽度和宽度的50% 然后拉伸到视口的左侧。我知道这是可能使用javascript并计算内容并设置动态宽度div及其左偏移量这是最好的方式吗？我认为应该有另一种方法，但我想不出一种。希望你们有一个比我更好的主意，因为当我调整窗口大小时，我的主意会降低网站的性能。我相

我不知道我的问题最好的标题是什么

好吧，我将用一张简单的图片展示我想要做的事情：

问题是：

我有我的内容为中心，让我们说它的980px宽度
现在，我的标题将有一个徽标和一个菜单
但是，我希望我的头球只使用顶部的左侧，如内容宽度和宽度的50% 然后拉伸到视口的左侧。我知道这是可能使用javascript并计算内容并设置动态宽度div及其左偏移量

这是最好的方式吗？我认为应该有另一种方法，但我想不出一种。希望你们有一个比我更好的主意，因为当我调整窗口大小时，我的主意会降低网站的性能。

我相信你们想要的是CSS中的margin:auto。很简单：

将内容div放在页面上，固定宽度为980px，并设置margin:auto

将您的徽标和菜单div放入内容中

下面是一个很好的例子：

上面页面中的CSS代码：

body {
    margin:50px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
    text-align:center; /* Hack for IE5/Win */
    }

#Content {
    width:500px;
    margin:0px auto; /* Right and left margin widths set to "auto" */
    text-align:left; /* Counteract to IE5/Win Hack */
    padding:15px;
    border:1px dashed #333;
    background-color:#eee;
    }

以及标记：

<body>
    <div id="Content"></div>
</body>

可能有2个

div

s；一个在背景中，另一个包含徽标

使用twitter引导

    <div class="row-fluid">
         <div class="span12">
             <div class="row-fluid">
                  <div class="span6">   (6 for half of the width, number can be changed 1-12)                        your logo and menu
                  </div>
            your content
             </div>
         </div>


（6对于一半宽度，数字可以更改1-12）您的徽标和菜单
你的内容

我认为在内部div上应该使用负左边距。@Mike请更好地解释您的评论。您能重新表述您想要的吗？这不是很清楚…看看twitter引导的流体布局，它可以解决这个问题problem@Four_lo那我怎么才能找到内容的中心呢？这不是我想要的，我想要的是标签上的“动态宽度”，它会根据浏览器的宽度扩展或收缩（请记住：该div没有内容，只有背景色）。因此，您想在动态宽度div中添加一些内容，这就是您所说的吗？基本上，它就像标题来自显示器的左侧，但它只有徽标和“inside”菜单内容部分。这只是一个背景，你需要在页面的整个宽度上传播，还是需要在其中添加标记？这是一个关键的澄清。@trajce这是我能想到的唯一纯CSS方式。最困难的部分是内容是固定宽度的……伟大的人都这么想：）