p标签中的文字垂直居中-白红宇

p标签中的文字垂直居中

阅读量：6266 次

发布时间：2019-06-22

本文共 629 字，大约阅读时间需要 2 分钟。

确定好p标签的位置后，<p><span>这是美女</span></p>，在p标签中加一个span标签，设置span的css时根据p标签的长宽计算好span的margin-top即可

示例代码：

<!DOCTYPE html>

<html>

<head>

<style>

li{list-style:none;}

p{position: absolute;top: 0px;left: 48px;background-color: darkgrey;width: 300px;height: 50px;}

span{position:absolute;margin-top: 10px;margin-left: 120px;}

img{width: 300px;height:300px;margin: 0px;padding: 0px;}

</style>

</script>

</head>

<body>

<ul>

<li>

</li>

</ul>

</body>

</html>

转载于:https://www.cnblogs.com/xiaoxiaoyao/p/7659392.html

你可能感兴趣的文章

[LeetCode]Letter Combinations of a Phone Number

js阻止事件冒泡 return false / e.stopPropagation() /e.preventDefault()

CodeForces-771D-Bear and Company

python之路--操作系统介绍,进程的创建