标签: center

我正在向 QList 小部件添加一个字符串列表，如下所示：

myList.addItems( [ 'item1' , 'item2' , 'item3' ] )

默认情况下，列表将它们与左侧对齐，但我想将它们放在列表的中心。

有任何想法吗？

我有 2 个 div，应用了最大宽度，按照我的意愿行事。其中一个的最大宽度为 900 像素，而其他的最大宽度为 820 像素，如果窗口尺寸变小，它们就会缩小。

<div id="componentWrapper">
    <div class="thumbContainer"></div>
</div>

#componentWrapper{
  position:absolute;
  height:190px;
  width:100%;
  max-width:500px;
  top:50%;
  background:red;
  margin-top:-85px;
}

#componentWrapper .thumbContainer{
  top:0px;
  left:0px;
  height:180px;
  max-width:420px;
  margin-left:40px;
  margin-right:40px;
  background:green;
  overflow:hidden;
}

http://jsfiddle.net/DzgQ3/1/

如果可能的话，我现在尝试使用纯 CSS 将这个内部窗口居中。即使窗口的尺寸缩小到小于外部元素的当前宽度，它也需要保持居中。

我正面临一个问题,如何将div中的文本(h1)居中.我希望网页是全屏的,我用vh单位实现了这一点.

.page { height: 100vh; 
        width: 100%;}

在那个页面上,我希望div水平和垂直居中.我试过了

.div { top: 50%;
      left: 50%;}

但那只是没有做到的伎俩.我也希望这是"resposive"si,它以任何屏幕为中心.我希望建立这样的东西:http://www.anthonygoodisondesign.com/

我设置了 'align="center"'，它下面出现了一条绿线，表示它不是“元素 div 的有效属性”。如果还有影响的话怎么会这样呢？

<div align="center" ></div>

这是我的html代码

<div><img src="picture1.jpg" /></div>
<div><img src="picture2.jpg" /></div>
<div><img src="picture3.jpg" /></div>

我的 div 容器有一定的固定尺寸：

div{
    width: 400px;
    height: 400px;
    object-fit: cover;
    overflow: hidden;
}
img{
    height:100%;
    width: 100%;
    display: block;
}

我想在 div 容器内尽可能多地显示图像的中间部分（并裁剪掉图像的其余部分）。因此，根据图像的尺寸，我想从图像的左右或顶部和底部裁剪一点。这样就可以显示图像中最大的正方形。该正方形应居中，当然也应相应缩放。

我之前尝试过很多，也读过很多帖子。比如这个。问题是，对于不同的图像尺寸，没有任何东西对我来说是并行的（请记住，我不想针对不同的图像调整代码）。我想要一个代码给所有人！

html 代码应保持原样。只需要调整 css 即可使其正常工作（所以我不想使用背景图像）。但我对最先进的 CSS 东西持开放态度。使用弹性布局或任何你想要的！

我需要这样的布局:

button1位于左侧,button3位于右侧,button2位于中央.并且所有这些都在垂直方向的中间.

怎么实现呢？

我有一个全屏幕背景图片RelativeLayout.和其他图像(100x100)ImageView.

我想放在ImageView中心屏幕.但我的图像显示在左上方.

问题是什么？

XML

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/fondo_inicio" >

<ImageView android:layout_width="80dp"
    android:layout_height="80dp"
    android:layout_gravity="center"
    android:gravity="center"
    android:background="@drawable/icono_inicio"/>

</RelativeLayout>

我试图将这个图像放在我的页面上,但我不知道该怎么做:http://grab.by/nBca

我使用的代码是这样的:

<div class="dronevollelengte">
   <img src="http://www.quirk.be/wp-content/uploads/2013/06/drakdrone.jpg"
        text-align: center/>
</div>

我有一个带换行符的字符串：

character = 'ABC\nDEFGHI\nJKLMNOPQ'

我想做中心垫，左右两边都有空格。

有可能吗？我需要它在 pos 打印机中打印标题信息。

期望的输出：

       ABC
      DEFGHI
     JKLMNOPQ

我该如何解决这个问题？