blocks|key|5679382|text|怎么样|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5679383|++margin-left:+auto;
++margin-right:+auto;|code-block|syntax|javascript|5679384|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>How about</p>

<pre><code>  margin-left: auto;
  margin-right: auto;
</code></pre>


blocks|key|5679377|text|用于使元素居中的CSS：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5679378|#elementID+{
++++margin:+0+auto;
}|code-block|syntax|javascript|5679379|我在一些地方读到元素需要设置CSS+width属性才能生效，但我发现情况并不总是如此。|offset|length|style|CODE|5679380|entityMap^0|0|0|I|5|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>CSS For Centering an Element:</p>

<pre><code>#elementID {
    margin: 0 auto;
}
</code></pre>

<p>I read in places that the element needs to have the CSS <code>width</code> property set for this to take effect, but I have found that this is not always the case.</p>


blocks|key|1549237|text|以下任一项：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1549238|margin-left:+auto;
margin-right:+auto;|code-block|syntax|javascript|1549239|或|1549240|margin:+0+auto;|1549241|都会起作用的。:)|1549242|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Either:</p>

<pre><code>margin-left: auto;
margin-right: auto;
</code></pre>

<p>Or </p>

<pre><code>margin: 0 auto;
</code></pre>

<p>Will work. :)</p>


blocks|key|1543859|text|使用div包装器将其放在div中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1543860|<div+id+=+"mainWrapper">

+++<div+id+=+"leftColumn"></div>

+++<div+id+=+"centerColumn">
+++++
+++</div>

+++<div+id+=+"rightColumn"></div>

</div>|code-block|syntax|javascript|1543861|css如下#mainWrapper+{+float:left；width:100%25；}+#leftColumn+{+float:left；width:25%25；}+#centerColumn+{+float:left；width:50%25；}+#rightColumn+{+float:left；width:25%25；}|1543862|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>place it in div with a div wrapper i.e.</p>

<pre><code>&lt;div id = "mainWrapper"&gt;

   &lt;div id = "leftColumn"&gt;&lt;/div&gt;&lt;!-- end leftColumn --&gt;

   &lt;div id = "centerColumn"&gt;
     &lt;!-- Put you menu item in here --&gt;
   &lt;/div&gt;&lt;!-- end centerColumn --&gt;

   &lt;div id = "rightColumn"&gt;&lt;/div&gt;&lt;!-- end rightColumn --&gt;

&lt;/div&gt;&lt;!-- end main wrapper --&gt;
</code></pre>

<p>css as follows 
     #mainWrapper
     {
        float:left;
        width:100%;
     }
     #leftColumn
     {
       float:left;
       width:25%;
     }
     #centerColumn
     {
       float:left;
       width:50%;
     }
     #rightColumn
     {
       float:left;
       width:25%;
     }</p>


blocks|key|5679416|text|使用CSS居中元素的典型方法是使用margin-left:auto;+margin-right:auto;。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5679417|此外，元素需要显示为块，并具有固定的宽度。|5679418|所以你的CSS看起来就像这样：|5679419|.myelement+{
++++margin-left:auto;
++++margin-right:auto;
++++display:block;
++++width:100px;
}|code-block|syntax|javascript|5679420|希望这能有所帮助。|5679421|entityMap^0|H|10|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|W|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|X|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|Y|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|R|$]]

<p>The typical way to center an element using CSS is with <code>margin-left:auto; margin-right:auto;</code>.</p>

<p>In addition, the element needs to be displayed as a block and have a fixed width.</p>

<p>So your CSS would look something like this:</p>

<pre><code>.myelement {
    margin-left:auto;
    margin-right:auto;
    display:block;
    width:100px;
}
</code></pre>

<p>Hope that helps.</p>


blocks|key|5679434|text|尝试使用firebug或chrome检查css，然后添加更改所需元素的css记录|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5679435|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>Try inspecting the css with firebug or chrome and then add a css record that changes the element you want</p>


<p>I am using a template that I didn't create myself for a Joomla based website. I am trying to center a jquery menu and have spent hours going through all of the code and css and can't seem to find out how to do it! so,  I've decided to create a little work around. I made a blank png image and put it to the left of the menu and have made it's width equal to the offset I want. This little hack works fine except that not all screens are the same size and so it isn't actually centered on most screens. I was wondering if anyone knew a dynamic way to calculate what exactly the center is so I can change the width of the blank png dynamically to that when the page loads?</p>

<p>Hope that makes sense and any help would be greatly appreciated </p>


align="center" workaround

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我使用的模板不是我自己为一个基于Joomla的网站创建的。我试图将jquery菜单放在中心位置，花了几个小时检查所有的代码和css，但似乎找不到如何做到这一点！因此，我决定创建一个小工作。我制作了一个空白的png图像，并把它放在菜单的左边，使它的宽度等于我想要的偏移量。这个小技巧运行良好，除了不是所有的屏幕都是相同的大小，所以它实际上不是居中在大多数屏幕上。我想知道是否有人知道一种动态的方法来计算

问Align=“中心”解决方法
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Align=“中心”解决方法EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Align=“中心”解决方法
EN