css,p标签文本在div里面垂直居中问题 50
<div><p>这是文本内容<br>这是第二行文本</p></div>//div宽度800px高度100px,怎么让p标签在div里垂直居中，有人说用line-heigh...
<div>
<p>
这是文本内容<br>
这是第二行文本
</p>
</div>
//div 宽度800px 高度100px, 怎么让p标签在div里 垂直居中，有人说用 line-height:100px;
如果是一行文本内容，line-height就可以，如果两行，就不行，第二行文本都出去了！
vertical-align:middle, 这个垂直居中也无效不知道怎么回事！ 求解决 展开
<p>
这是文本内容<br>
这是第二行文本
</p>
</div>
//div 宽度800px 高度100px, 怎么让p标签在div里 垂直居中，有人说用 line-height:100px;
如果是一行文本内容，line-height就可以，如果两行，就不行，第二行文本都出去了！
vertical-align:middle, 这个垂直居中也无效不知道怎么回事！ 求解决 展开
3个回答
展开全部
p的行高和div的高度相等就行了。
不好意思刚刚没看全题目
如果想实现题目的效果，单纯的给出行高确实不行，那么就要在区域内给出一个可以作为参考的无样式标签，下面的标签中需要注意的是，vertical-align:center;只对display:inline-block;也就是内联块起作用，所以要把两个标签都转换成内联块。
还要注意p标签是有初始样式的，所以要有margin:0;padding:0;
的声明。
可以在div中加一个空标签，如<span>,<i>这类，具体参考代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
p{margin:0;padding:0;}
div{width:800px;height:100px;background:#ccc;}
p{display: inline-block;vertical-align: middle;}
span{display: inline-block;height:100%;vertical-align: middle;}
</style>
</head>
<body>
<div>
<p>
文本内容<br />
第二行
</p>
<span></span>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
css test test
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如果是两行，就：line-height:50px;
看你实际几行，100除以它就行了
还有什么疑问吗？请采纳哦
看你实际几行，100除以它就行了
还有什么疑问吗？请采纳哦
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
