在dreamweaver中,如何使图片和文字居中对齐?

在dreamweaver中,如何使图片和文字居中对齐?,第1张

插入后,在“ 格局”菜单下,我们 可以看到“对齐”选项,在对齐下我们 可以依据需要 取舍“左对齐”、“居中对齐”、“右对齐”和“两端对齐” 。

<tr align=center><td>用户名:<input name=username type=text size=15 style="align:absmiddle;height:18px"></td></tr>
align=absmiddle图像的中间与同一行中最大元素的中间对齐
'以下是align的取值情况:
AbsBottom 图像的下边缘与同一行中最大元素的下边缘对齐。
AbsMiddle 图像的中间与同一行中最大元素的中间对齐。
Baseline 图像的下边缘与第一行文本的下边缘对齐。
Bottom 图像的下边缘与第一行文本的下边缘对齐。
Left 图像沿网页的左边缘对齐,文字在图像右边换行。
Middle 图像的中间与第一行文本的下边缘对齐。
NotSet 未设定对齐方式。
Right 图像沿网页的右边缘对齐,文字在图像左边换行。
TextTop 图像的上边缘与同一行上最高文本的上边缘对齐。
Top 图像的上边缘与同一行上最高元素的上边缘对齐。

给文字设置行高就可以,例如:
<div style="width:50px;background:#FF0000;">我们的</div>
其中:line-height:50px;就是它的行高,它还有一个作用就是,你希望这个div有多高,不用再去设置height,设置行高,文字就是自动垂直居中的了。
楼主问的是这个吗?

单元格文字垂直居中方案:

1、表格单元格自带的属性align="center"进行设置。可以是单元格内的文字水平垂直居中

具体举例:

<table border="1" width="500">
<tr>
<td height="100" align="center"<!--有了这个属性,在单元格里头就能自动居中-->>11111<br>2222</td>
</tr>
</table>

显示:

2、通过css进行设置:

tb tr td{ height: 100px; vertical-align: middle;/这个属性表示内容在单元格内垂直居中/ text-align: center;/这个则是文本水平居中/}

<table border="1" width="500" class="tb">
<tr>
<td>11111<br>2222</td>
</tr>
</table>

显示:

1、如果是行距:用line-height:30px;(注意:后面这个数字的大小是根据单元格高度定的,高度是多少,这个数字就是多少,比如该单元格的高度为30像素,那么line-height的值就是30像素);

2、如果是table:在td里用vertical-align:middle;(css样式)或 valign="middle"(html样式)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13082229.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-30
下一篇 2023-05-30

发表评论

登录后才能评论

评论列表(0条)

保存