centering

我正在为名为 Anki 的抽认卡程序编写模板，该程序使用 QtWebkit 来呈现卡片。 我想将一组三个元素垂直居中在中间元素的中心。元素是动态大小的，应该根据其内容增长，但仍然在左侧对齐。 到目前为止，我尝试了两种方法，一种是将中间元素居中，然后将顶部和底部元素绝对定位在该中间元素内。不幸的是，这意味着整个元素组不会根据每个元素水平增长，而是仅取决于中间元素的内容。而且整体尺寸只达到页面高度... »

我想，我在做一些相当微不足道的事情，完全错了。 我在 CSS 和 HTML 方面相当陌生，并尝试在网页顶部使用居中的文本和图像 我成功地使用了 3 个盒子的弹性盒子容器布局 但我无法让下一个 div 居中在弹性框下方。 所有其他行都在弹性盒子容器的第三个盒子下方居中..?? 检查我的代码和输出 https://codepen.io/alex1965/pen/eYZLQQG <!DOCTYPE... »

我有一个 JPanel，它显示多个 JLable，每个 JLable 代表一个二进制字符串的一个字符。 （他们都是独立的，因为每个人都必须有一个 MouseListener，但这不是我的问题的一部分） 我的问题是我似乎无法将 JLables 居中。 我试过了 this.setLayout(new BoxLayout(this, BoxLayout.X_AXIS)); add(label1);... »

我是这样用的： .centr { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-trans... »

徽标和导航都在标题 div 中，我希望在导航向右对齐时将徽标居中。 我已经尝试对图像进行 display:block 和 margin: auto 使其居中，但随后它将导航推到下一行。 当前的css是： .logo { display: inline-block; width: 400px margin: 0 auto; } /* Navigation */ #n... »

为什么打开的对话框没有以主窗口为中心？ void MainWindow::on_FileOpenAction_triggered() { QStringList fileNames = QFileDialog::getOpenFileNames( this, "Open Image", QApplication::applicationD... »

我有一个不起眼的导航菜单： <div> <ul> <li><a href="/real-estate"><span>Real Estate & Development</span></a></li> <li><... »

我正在尝试在我的 HTML 页面上将 body 元素居中。 基本上，在 CSS 中，我将 body 元素设置为 display: inline-block;，以便它的宽度与其内容一样宽。这很好用。但是，margin: 0px auto; 不会在页面上居中。 有谁知道如何解决这个问题？我希望蓝色的大方块位于页面的中心，而不是像现在这样向左浮动。 这是我的 CSS： body { ... »

我正在尝试使用 CSS Grid 创建一个简单的页面。 我没有做的是将 HTML 中的文本居中到相应的网格单元格。 我尝试将内容分别放在 left_bg 和 right_bg 选择器内部和外部的 divs 中，并尝试使用一些 CSS 属性无济于事。 我该怎么做？ html, body { margin: 0; padding: 0; } .container... »

我有这个代码：http://jsfiddle.net/XXu8G/ 我希望元素与脊椎中心对齐。 Isotope jQuery 插件有一个类似的功能，称为脊柱对齐：http://isotope.metafizzy.co/custom-layout-modes/spine-align.html，但不幸的是它在每一侧只列出了一个项目。我想在每一面都有多个项目。 如果没有单独的“左”和“右” div，... »

我有我的作品集，在所有浏览器中看起来都很棒，但在 Internet Explorer 中，容器似乎没有居中，我使用的是margin: 0 auto;，但它不起作用。如何在 Internet Explorer 中修复？ 代码链接如下： http://christianbovine.com/ ... »

我几天来一直在尝试定位一个位置：固定元素，已经在网络上找到了很多解决方案，但是，由于效率低下或我自己的经验不足，它们都没有奏效。 场景如下；我想制作一个图像遮阳板，每当您单击图像时，固定的 div 就会可见，并持有所述图像，这实际上是通过 JavaScript 完成的。 无论您使用哪种分辨率，当我想将 div 居中时都会出现问题。 #galleryimage{ position:fix... »

我有一个简单的网页，其中包含一个 .topnav 栏和一个 .container，其中包含一些元素。我试图在页面的body 内仅将.container 居中，而不是.topnav，以便它垂直居中。但是，当我尝试使用以下方式设置 body 样式时： display:flex; align-items:center; justify-content:center; .topbar 和 .cont... »

我希望 ABCD 在左边，DATE 应该在中间。如何做到这一点？ .flex-items { display: flex; justify-content: flex-start; padding-left: 17px; } .abcd1 {} .date1 { /*this item should be in the center.*/ } ... »

我正在尝试在 JScrollPane 中编写可缩放图像。 当图像完全缩小时，它应该水平和垂直居中。当两个滚动条都出现时，缩放应该总是相对于鼠标坐标发生，即在缩放事件之前和之后，图像的同一点应该在鼠标下方。 我几乎实现了我的目标。不幸的是，“scrollPane.getViewport().setViewPosition()”方法有时无法正确更新视图位置。在大多数情况下，调用该方法两次（hack... »

我有一个 20x20 GridPane 的均匀大小的正方形，它表示来自相同大小的二维数组的数据，放置在 ScrollPane 中，这样人们就可以使用它来平移。 GridPane 的宽度和高度（以像素为单位）都远大于 ScrollPane 各自的尺寸。 我的问题是我无法创建一个函数方法，将 ScrollPane 的视口集中在位于一组指定坐标的 GridPane 正方形上。 我对 scrollPa... »

我正在使用以下 css 将我的内容垂直和水平居中；问题是当您最小化浏览器以使其小于内容div 时，它会继续居中但无法滚动。内容只是在顶部截断。 #splash-centre-container{ position: absolute; top: 50%; left: 50%; height: 550px; width: 760px; min-height: 550px; ... »

有很多答案非常相似，但都没有帮助我解决我的问题。 我想要的是一个水平项目列表（对于菜单），其中所有项目的宽度都是父级的 100%（对于我使用的 flex）。 项目内的文本应该自动中断（没有<br />，我事先不知道文本）左对齐，然后中断的框应该在项目的中间。悬停时（如示例所示），整个项目（包括填充）应更改背景颜色。 元素内的左右内边距应通过此方法自动确定，以便菜单具有响应性（在移... »

我在div 和display: flex 中有img 和a。 看起来像这样： <div style="display: flex;"> <div class="site-title-container"> <img style="border-radius: 7px; width: 34px; height: 34px;" src="/assets/im... »

我有三个元素的编码类似.infobtnlg, .twitter, .infobtnsm。 第一个 .infobtnlg 很好地居中在一个 div .section1 中，就像我希望的那样，第二个 .twitter 和第三个 .infobtnsm 不在各自的部分中居中。宽度已设置，左右边距为 auto。我添加了text-align: center; 以获得良好的衡量标准。 我错过了什么？ ... »