杨笑常
2015-07-30 06:53
采纳率: 33.3%
浏览 7.2k
已采纳

li里面的文字在 li 框里居中

 <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>宽度和高度</title>
<style type="text/css">
li{
    border:1px dotted #ccc;
    width:200px;
    height:30px;
    text-align :center;
    padding-bottom:auto;
}
</style>
</head>
<body>
<ul>
    <li>别让不会说话害了你</li>
    <li>二十七八岁就应该有的见识</li>
    <li>别让不好意思害了你</li>
</ul>
</body>
</html>

怎么讲 li里面的文字在 li 框里居中 上下左右都居中

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • danielinbiti 2015-07-30 07:06
    已采纳
     li{
        border:1px dotted #ccc;
        width:200px;
        height:30px;
        text-align :center;
        padding-bottom:auto;
        line-height:30px;
    }
    样式加一个
        line-height:30px;,这个高度等于height就行了
    
    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • sina_2831808769 2015-07-30 07:09

    1111111111
    评论
    解决 无用
    打赏 举报
  • sina_2831808769 2015-07-30 07:09
     <li style="text-align: center;">1111111111</li>
    
    评论
    解决 无用
    打赏 举报
  • JonsonJiao 2015-07-30 08:27

    这个已经水平居中了,垂直没有居中,要垂直按dan大神回复修改即可。还有就是200宽太小了,看不出来居中。

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题