时间戳

首页 > 解决方案 > 如何以较低的字体显示子菜单内容？

html - 如何以较低的字体显示子菜单内容？

问题描述

我有这个网站：http ://ehealth4u.cs.ucy.ac.cy/

在菜单上，我们有“合作伙伴”。当我们将鼠标悬停在“合作伙伴”上时，我们需要在一行中显示每个合作伙伴，可能使用较小的字体。

html代码是：

 <ul class="sub-menu">
    	<li id="menu-item-836" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-836"><a href="http://ehealth4u.cs.ucy.ac.cy/index.php/partners/university-of-cyprus/">University of Cyprus</a></li>
    	<li id="menu-item-942" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-942"><a href="http://ehealth4u.cs.ucy.ac.cy/index.php/partners/state-health-services-organisation-shso/">State Health Services Organisation (SHSO)</a></li>
    	<li id="menu-item-831" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-831"><a href="http://ehealth4u.cs.ucy.ac.cy/index.php/partners/cyta/">Cyprus Telecommunications Authority (CYTA)</a></li>
    	<li id="menu-item-816" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-816"><a href="http://ehealth4u.cs.ucy.ac.cy/index.php/partners/3aehealth-ltd/">3AeHealth LTD</a></li>
    	<li id="menu-item-826" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-826"><a href="http://ehealth4u.cs.ucy.ac.cy/index.php/partners/ubitech-ltd/">UBITECH LTD</a></li>
    	<li id="menu-item-808" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-808"><a href="http://ehealth4u.cs.ucy.ac.cy/index.php/partners/international-institute-for-compassionate-care/">International Institute for Compassionate Care</a></li>
    	<li id="menu-item-811" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-811"><a href="http://ehealth4u.cs.ucy.ac.cy/index.php/partners/hippocrateon-private-hospital/">HIPPOCRATEON Private Hospital</a></li>
    	<li id="menu-item-941" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-941"><a href="http://ehealth4u.cs.ucy.ac.cy/index.php/partners/iron-mountain-cyprus-ltd/">Iron Mountain Cyprus LTD</a></li>
    </ul>

我们尝试了以下方法，但没有任何运气：

ul.sub-menu li a{
    font-size:4px;
}

你能帮我吗？

标签： htmlcsswordpress

解决方案

以这种方式添加

#menu-custom-menu li ul li a {
    font-size: 4px;
}

展开宽度

.main-navigation ul li ul{
   width: 260px;
}

推荐阅读