如何设置文字垂直居中

来源:12-7 长胖长高点--宽度和高度

孤独剑2014

2014-12-08 13:24

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>宽度和高度</title>

<style type="text/css">

li{

   

    border-bottom:1px dotted #ccc;    

    width:200px;height:30px;

}

</style>

</head>

<body>

<ul>

    <li>别让不会说话害了你</li>

    <li>二十七八岁就应该有的见识</li>

    <li>别让不好意思害了你</li>

</ul>

</body>

</html>


写回答 关注

2回答

  • 闹小志
    2014-12-09 16:58:12

    在li的样式下加入

    line-height:30px;

    如果你设置了height,那么ling-height的值与height设成一致即可达到垂直居中。按你目前的情况,只设置ling-height也可以达到垂直居中。

  • dayscounting
    2014-12-08 13:49:35

    在li 样式下加入

    margin: 0 auto;

    即可

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225809 学习 · 18234 问题

查看课程

相似问题