HTML标签align属性的用法问题

HTML中表格、文字、图像等元素都有使用到align属性，align属性主要是影响设置元素的水平对齐方式，给表格、文字、及图像等元素设置align属性，其表现形式是不一致的。

通过测试我们发现，对于表格元素table、tr、td、th都是可以有效设置align属性的，设置的效果是使得各表格元素内的内容（一般为文本，也可以是图片等）水平偏移。

通过简单测试我们可以看出，我们给图片元素设置align属性时，当设置align属性值为left或者right时，图片左飘或右飘，当我们在图片后加上文字时，效果类似于左浮动或者右浮动，当然类似浮动效果的是，当align属性设置为center时，图片也无法漂浮到中间，我们可以利用这一特性来进行图文混排。

给输入框和button加上css属性：vertical-align: middle。

DIV元素:是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。DIV标签称为区隔标记。作用：设定字、画、表格等的摆放位置。当你把文字、图象，或其他的放在DIV中，它可称作为“DIVblock”，或“DIVelement”或“CSS-layer”，或干脆叫“layer”。而中文我们把它称作“层次”。

定义

<div>可定义文档中的分区或节（division/section）。

标签可以把文档分割为独立的、不同的部分。它可以用作严格的 组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记，那么该标签的作用会变得更加有效。

用法

DIV标签应用于 Style Sheet（样式表）方面会更显威力，它最终目的是给设计者另一种组织能力，有 Class、Style、title、ID 等属性。

<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div>固有的唯一格式表现。可以通过 <div>的 class 或 id 应用额外的样式。

不必为每一个 <div>都加上类或 id，虽然这样做也有一定的好处。

可以对同一个 <div>元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

在html中将框内的文字既垂直居中又水平居中的 *** 作步骤如下：

1、首先创建一个盒子，并在中间输入文字信息。

2、然后对盒子添加了边框颜色后，这时文字在左侧第1行位置。

3、输入text-align 这个文字的对齐样式，然后在属性中输入center中间的意思，就是将文字在水平位置居中。

4、这样就是文字在水平位置上居中了。

5、根据不同的需要调整line值，这里使用的是行高将其设置为垂直居中，行高的属性是line-height，后面的属性值设置和父级的盒状标签高度相同，这样就可以做到文字垂直方向上居中。

6、设置完后可以看文字既垂直居中又水平居中，这样在html中将框内的文字既垂直居中又水平居中的问题就解决了。

---