为了账号安全,请及时绑定邮箱和手机立即绑定

不用text-indent用text-align也能实现居中啊

我看评论里讲用块级元素不能用text-align实现居中,但是我刚才在代码里试了一下 可以呀~~

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<title>导航菜单</title>

<style type="text/css">

*{margin:0; padding:0; font-size:14px;}

ul{ list-style:none; width:100px}

a{color:#333;text-decoration:none}

.nav li a{ 

    display:block; 

    text-align:center;

    height:30px; line-height:30px; width:100px; background-color:#efefef; margin-bottom:1px;}

.nav li a:hover{ background-color:#F60; color:#fff}

</style>


</head>

<body>


<ul class="nav">

    <li><a href="#">首  页</a></li>

    <li><a href="#">新闻快讯</a></li>

    <li><a href="#">产品展示</a></li>

    <li><a href="#">售后服务</a></li>

    <li><a href="#">联系我们</a></li>

  </ul>


</body>

</html>

还有 有的时候我想垂直居中和水平居中一起设置(使它可以水平垂直居中),可以实现吗。。


正在回答

3 回答

垂直居中是怎么实现的呀

0 回复 有任何疑惑可以回复我~

你不要这么着急回复自己的问题啊,这么一来我看你代码看半天都白看了

1 回复 有任何疑惑可以回复我~
#1

qq_行不更名坐不改姓我叫_0

蓝瘦香菇
2016-12-10 回复 有任何疑惑可以回复我~

噢噢噢噢 知道怎么回事了

text-align是对块状元素中的内行元素起作用,居中是块状元素里面的元素居中,而不是块元素居中,讲解中的不起作用是指对块状元素不起作用

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
导航条菜单的制作
  • 参与学习       123899    人
  • 解答问题       813    个

水平、垂直、圆角导航条菜单,让您的技术探索之路更高效

进入课程

不用text-indent用text-align也能实现居中啊

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信