Question

css 导航条文字分行,上面是中文下面是英文, css该如何实现

前提是导航中的文字:中文和英文都要用文本来实现,不能用背景图片

Answer 1

直接给代码,其他的不多说.

A标签自己加吧.

<style type="text/css">

ul{list-style-type:none}

li{float:left; text-align:center;margin-left:20px;font-size:14px;font-family:'宋体'}

</style>

<div>

<ul>

<li>

<span>首页</span>

<p>Home Page</p>

</li>

<li>

<span>产品中心</span>

<p>Products</p>

</li>

</ul>

</div>

Answer 2

建议分开控制，如：
<li>
<a href="#">首页</a><br>
<a href="#" class="english">Home Page</a>
</li>
..

这样的话，在seo方面，对于爬虫来说，链接清晰；
在css方面，因为分开两个标签，所以控制样式比较容易，如中文跟英文的字体设置不一样，都很方便；

Answer 3

首页<br>home pages

然后居中就成了

Answer 4

英文

Answer 5

建议用英文。