标签: alignment

如何水平居中<div>?

如何使用CSS <div>在另一个内部水平居中<div>

<div id="outer">
  <div id="inner">Foo foo</div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css alignment centering

4116
推荐指数
55
解决办法
386万
查看次数

在CSS中设置cellpadding和cellspacing?

在一个HTML表中,cellpaddingcellspacing可以设置是这样的:

<table cellspacing="1" cellpadding="1">
Run Code Online (Sandbox Code Playgroud)

如何使用CSS完成同样的工作?

html css html-table alignment

3210
推荐指数
25
解决办法
224万
查看次数

如何一致地跨浏览器对齐复选框及其标签

这是困扰我的一些小CSS问题.Stack Overflow周围的人们如何垂直对齐checkboxes以及他们labels一致的跨浏览器?每当我在Safari中正确对齐它们(通常使用vertical-align: baselineinput),他们完全关闭在Firefox和IE.修复它在Firefox中,Safari和IE不可避免地搞砸了.每次编写表单时,我都会浪费时间.

这是我使用的标准代码:

<form>
    <div>
        <label><input type="checkbox" /> Label text</label>
    </div>
</form>
Run Code Online (Sandbox Code Playgroud)

我通常使用Eric Meyer的重置,因此表单元素相对干净的覆盖.期待您提供的任何提示或技巧!

html css forms cross-browser alignment

1668
推荐指数
19
解决办法
95万
查看次数

如何为所有浏览器垂直居中div?

我想div用CSS垂直居中.我不想要表或JavaScript,只需要纯CSS.我找到了一些解决方案,但所有这些解决方案都缺少Internet Explorer 6支持.

<body>
    <div>Div to be aligned vertically</div>
</body>
Run Code Online (Sandbox Code Playgroud)

如何div在所有主流浏览器(包括Internet Explorer 6)中垂直居中?

css cross-browser alignment vertical-alignment centering

1310
推荐指数
23
解决办法
141万
查看次数

如何将<div>与页面的中间(水平/宽度)对齐

我有一个设置为800pxdiv标签.当浏览器宽度大于800px时,它不应该拉伸,但它应该将它带到页面的中间.widthdiv

html css center alignment

805
推荐指数
20
解决办法
244万
查看次数

在页面上垂直和水平居中<div>的最佳方法是什么?

<div>在页面上垂直和水平居中元素的最佳方法是什么?

我知道这margin-left: auto; margin-right: auto;将以水平为中心,但垂直做的最佳方式是什么?

html css alignment vertical-alignment centering

509
推荐指数
20
解决办法
86万
查看次数

响应式图像对齐中心引导3

我使用Bootstrap 3进行目录.当在平板电脑上显示时,产品图像看起来很难看,因为它们的尺寸很小(500x500),浏览器的宽度为767像素.我想把图像放在屏幕的中央,但由于某种原因,我不能.谁将帮助解决问题?

在此输入图像描述

html css image alignment twitter-bootstrap

417
推荐指数
6
解决办法
82万
查看次数

如何在另一个div内对齐3个div(左/中/右)?

我希望在容器div中对齐3个div,如下所示:

[[LEFT]       [CENTER]        [RIGHT]]
Run Code Online (Sandbox Code Playgroud)

容器div是100%宽(没有设置宽度),并且在调整容器大小后中心div应保持在中心.

所以我设置:

#container{width:100%;}
#left{float:left;width:100px;}
#right{float:right;width:100px;}
#center{margin:0 auto;width:100px;}
Run Code Online (Sandbox Code Playgroud)

但它变成了:

[[LEFT]       [CENTER]              ]
                              [RIGHT]
Run Code Online (Sandbox Code Playgroud)

有小费吗?

html css alignment css-float flexbox

375
推荐指数
7
解决办法
76万
查看次数

align-content和align-items之间有什么区别?

任何人都可以告诉我之间的差异align-itemsalign-content

css layout alignment css3 flexbox

294
推荐指数
10
解决办法
8万
查看次数

233
推荐指数
6
解决办法
20万
查看次数