Questions tagged «alignment»

在GUI（包括网页）上下文中，对齐是指视觉元素的位置。或对于内存地址，为2的幂的倍数。

30
如何将<div>水平居中
Наэтотвопросестьответына 堆栈溢出нарусском：СделатьблокDIVпоцентруродительскогоблока，асодержимоеблока格выровнятьпоправомукраю 如何使用CSS &lt;div&gt;在另一个文件中水平居中&lt;div&gt;？ &lt;div id="outer"&gt; &lt;div id="inner"&gt;Foo foo&lt;/div&gt; &lt;/div&gt;
4283 html  css  alignment  centering 
21
在图像旁边垂直对齐文字？
为什么不行vertical-align: middle？但是，vertical-align: top 确实可以。 span{ vertical-align: middle; } &lt;div&gt; &lt;img src="http://lorempixel.com/30/30/" alt="small img" /&gt; &lt;span&gt;Doesn't work.&lt;/span&gt; &lt;/div&gt; 运行代码段隐藏结果展开摘要
30
如何对齐复选框及其标签始终跨浏览器
这是困扰我的CSS的小问题之一。Stack Overflow周围的人们如何垂直对齐checkboxes以及他们labels始终如一的跨浏览器？每当我在Safari中正确对齐它们（通常vertical-align: baseline在上使用input）时，它们在Firefox和IE中就完全关闭了。在Firefox中对其进行修复，不可避免地将Safari和IE弄乱了。每次编写表单时，我都会在此上浪费时间。 这是我使用的标准代码： &lt;form&gt; &lt;div&gt; &lt;label&gt;&lt;input type="checkbox" /&gt; Label text&lt;/label&gt; &lt;/div&gt; &lt;/form&gt; 运行代码段隐藏结果展开摘要 我通常使用Eric Meyer的重置，因此表单元素相对而言是覆盖不大的。期待您提供的任何提示或技巧！
16
响应式图像对齐中心引导程序3
我使用Bootstrap 3进行目录编制。当在平板电脑上显示时，由于产品尺寸较小（500x500），浏览器中的宽度为767像素，因此产品图像看上去很难看。我想将图像放在屏幕中央，但是由于某些原因，我不能。谁将帮助解决问题？
18
如何在另一个div内对齐3个div（左/中/右）？
我想在容器div中对齐3个div，如下所示： [[LEFT] [CENTER] [RIGHT]] 容器div的宽度为100％（未设置宽度），调整容器大小后，居中div应该保持居中。 所以我设置： #container{width:100%;} #left{float:left;width:100px;} #right{float:right;width:100px;} #center{margin:0 auto;width:100px;} 但它变成： [[LEFT] [CENTER] ] [RIGHT] 有小费吗？
10
如何水平放置iframe？
考虑以下示例：（live demo） HTML： &lt;div&gt;div&lt;/div&gt; &lt;iframe&gt;&lt;/iframe&gt; CSS： div, iframe { width: 100px; height: 50px; margin: 0 auto; background-color: #777; } 结果： 为什么iframe不能像那样集中对齐div？我如何集中对齐？
3
CSS将一个项目与flexbox对齐
https://jsfiddle.net/vhem8scs/ 是否可以让两个项目与flexbox左对齐，而一个项目与flexbox右对齐？链接显示得更清楚。最后一个例子是我想要实现的。 在flexbox中，我有一块代码。使用float时，我有四个代码块。这就是为什么我更喜欢flexbox的原因之一。 的HTML &lt;div class="wrap"&gt; &lt;div&gt;One&lt;/div&gt; &lt;div&gt;Two&lt;/div&gt; &lt;div&gt;Three&lt;/div&gt; &lt;/div&gt; &lt;!-- DESIRED RESULT --&gt; &lt;div class="result"&gt; &lt;div&gt;One&lt;/div&gt; &lt;div&gt;Two&lt;/div&gt; &lt;div&gt;Three&lt;/div&gt; &lt;/div&gt; 的CSS .wrap { display: flex; background: #ccc; width: 100%; justify-content: space-between; } .result { background: #ccc; margin-top: 20px; } .result:after { content: ''; display: table; clear: both; } .result div …
212 css  alignment  flexbox 
17
如何在水平线性布局Android中右对齐窗口小部件？
这是我正在使用的代码，它不起作用： &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal"&gt; &lt;TextView android:text="TextView" android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="right"&gt; &lt;/TextView&gt; &lt;/LinearLayout&gt;
205 android  alignment 
8
内存对齐的目的
诚然我不明白。假设您有一个存储器，其存储器字的长度为1个字节。为什么不能在未对齐地址（即不能被4整除）的单次存储器访问中访问4字节长的变量，因为对齐地址就是这种情况？
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.