如何用CSS样式控制文字浮于图片上方

html-css034

如何用CSS样式控制文字浮于图片上方,第1张

1、首先,我们应该先给div设置宽度和高度,保证文字有一个范围。

2、然后通过background给div添加一张图片作为它的背景。

3、接着可以通过url()来连接图片,url里面放置的就是背景图片的路径。

4、随意地放了一张图片用作背景,一定要注意,路径要写对。

5、这样,保存之后文字就会覆盖在图片的上面了。

如果是表格那最简单了valign="middle"

如果是div那用padding是可以的

举个例子:

如果你想让12px的字在一个高为30px的div内垂直居中

那就把div的高设为21px,把div的padding-top设为9px这样就居中了

当然还有个更简单的方法 就是直截把行高设成30px即font:12px/30px

不过个人感觉这个简单的方法对中文支持的不够好 有时候感觉不太正中