在Magento模板Cattheme-se101顶部导航栏CSS，如何实现两行在一个块

In Magento template Cattheme-se101 top nav bar CSS, how to achieve two lines in one block?

本文关键字：实现 两行 一个 何实现 Cattheme-se101 模板 Magento 顶部 导航 CSS      更新时间：2023-09-26

这是主题演示:http://demo.cattheme.com/se101/在大约。第20行是所需的.css文件的链接，现在是:http://demo.cattheme.com/se101/media/css/0faa57547575da2b7b0c8d2cc713a5f2.css

我相信第712行写着:#nav li a.s level-top {display:block;填充:0 7 px;行高:39 px;text-shadow: 1px 1px rgba(0,0,0,0.75);颜色:#FFFFFF;字体大小:11 px;}控制顶部导航栏的左侧目前在演示中是:

家具|电子产品|服装| IPHONE和IPAD |时尚|汽车科技|等等…

相反，我希望这个块有可能有两行，应该像这样读:

<>之前艾比|电子|流行| iphone |时尚|汽车|等等…家具、服装、ipad、科技之前

我尝试改变内联显示，但它没有工作。我也尝试了宽度减少，但也没有工作。

是因为我必须在其他地方更改其他内容吗?谢谢你的帮助!

  • 包含元素(无论它们是什么)需要有一个定义的宽度。
  • 包含的元素应该有定义的高度。
  • 文本应该设置为display: inline;
  • 你需要调整文本的line-height。
相关文章：