css图像对齐样式属性,css属性文本对齐方式有几种

5、在css中，使用以下哪个属性来设置图片的垂直对齐方式

css中的vertical-align 属性设置元素的垂直对齐方式，可能的值：

baseline 默认。元素放置在父元素的基线上。

sub 垂直对齐文本的下标。

super 垂直对齐文本的上标

top 把元素的顶端与行中最高元素的顶端对齐

text-top 把元素的顶端与父元素字体的顶端对齐

middle 把此元素放置在父元素的中部。

bottom 把元素的顶端与行中最低的元素的顶端对齐。

text-bottom 把元素的底端与父元素字体的底端对齐。

% 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。

inherit 规定应该从父元素继承 vertical-align 属性的值。

如下代码即可实现垂直对其：

.img{vertical-align:bottom}

.input{vertical-align:bottom}

p

img class="img" border="0" src="/i/eg_cute.gif" /

input class="input" /

/p

相关问答

Q1: css 设置图片与文字的对齐方式 求教

p/p代表的是一个段落容器，这个容器的style:

text-align

决定了整个容器里元素的排版方式

而

vertical-align

属性是设置元素的

垂直对齐

方式。

说明

该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。

也就是说这两个属性的目标是不一样的，p/p以及其他父类容器假如定义了text-align属性，那这些容器内的子元素都按照这个排版方式来进行排版，而vertical-align只是影响设置了这个属性的元素。

其实CSS你要去看具体的属性有什么特性才能了解具体的内容

建议去

看看

Q2: css中怎么让图片居右显示

css中怎么让图片居右显示？在css中，可以使用text-align属性让div内的图片居右对齐。下面小编举例讲解css如何让div中的图片居右对齐。1、使用div标签创建一个模块，在div内，使用img标签创建一张图片，设置div标签的class属性为mycss。

2、在css标签内，通过class设置div的样式，定义它的宽度为400px,高度为300px，边框为1px。

3、在css标签内，再将text-align属性设置为right,用于让div内的内容居右对齐，从而实现图片居右对齐。

4、在浏览器打开test.html文件，查看实现的效果。

Q3: CSS入门知识-图片水平对齐技巧

CSS入门知识-图片水平对齐技巧

在CSS中，图片怎么水平对齐，有哪些技巧呢？我们一起来学习一下吧！

一、图片水平对齐text-align

在“文本水平对齐text-align”这一节我们详细讲解了text-align属性。大家请记住，text-align一般只用在两个地方：文本水平对齐和图片水平对齐。也就是说，text-align只对文本和img标签有效，对其他标签无效。

语法：

text-align:属性值;

说明：

text-align属性取值如下表：

表1 text-align属性

!DOCTYPE html

html xmlns=""

head

title图片水平对齐/title

style type="text/css"

p

{

width:300px;

height:80px;

border:1px solid gray;

}

.p_img1{text-align:left;}

.p_img2{text-align:center;}

.p_img3{text-align:right;}

img{width:60px;height:60px;}

/style

/head

body

p class="p_img1"

img src="../App_images/lesson/run_cj/cartoongirl.gif" alt=""/

/p

p class="p_img2"

img src="../App_images/lesson/run_cj/cartoongirl.gif" alt=""/

/p

p class="p_img3"

img src="../App_images/lesson/run_cj/cartoongirl.gif" alt=""/

/p

/body

/html

在浏览器预览效果如下：

分析：

很多人都以为设置图片水平对齐是在img标签设置，其实这是错误的。大家记住，图片是要在父元素中进行水平对齐的。在这个例子中，img元素的父元素是p，img元素是相对于p元素进行水平对齐的。因此要想对图片进行水平对齐，就要在父元素（p元素）中设置text-align属性。

;