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.