我已经成功创建此导航菜单,但菜单项的间距已关闭。同样在次要名单上,由于其中一项,我不得不让它们变宽。有没有办法让宽度根据最长项目的长度而变化。CSS下拉菜单间距

Menu

body {

font-family: "Gill Sans", Calibri, "Trebuchet MS", sans-serif;

}

#nav, #nav ul { /* all lists */

padding: 0;

margin: 0;

list-style: none;

line-height: 1;

}

#nav a {

display: block;

width: 10em;

}

#nav li { /* all list items */

/* The sum of the next two lines creates the nav bar height*/

padding-top:12px;

height: 28px;

float: left;

background: #f15a22;

width: 7em; /* width needed or else Opera goes nuts */

}

#nav li ul { /* second-level lists */

position: absolute;

background: #f15a22;

width: 10em; /* controls width of background colour of second-level list - currently set to width of lon

html下拉框里怎么打出间距,CSS下拉菜单间距相关推荐

  1. layui 下拉框空选项不显示_layui下select下拉框不显示或没有效果

    Layui会对select.checkbox.radio等原始元素隐藏,从而进行美化修饰处理.但这需要依赖于form组件,所以你必须加载 form,并且执行一个实例.值得注意的是:导航的Hover效果 ...

  2. elementui中,下拉框设置,既可以从下拉框中选择,又可以自己添加选项

    1.需求 在用elementui结合vue时,有个需求就是有个下拉框,我需要可以从下拉框中选,也可以自己输入的值变成下拉框的选项,那么,代码如下: 2.实现 在template中,我这是在表格中,表格 ...

  3. 下拉框的高度html,设置select下拉框高度的一种方法

    这种方法可以设置下拉框最多显示几条栏目,多余的栏目用显示滚动条展示: 文学集 哲学 雅思 大学网奥数大学网奥数 文学集 哲学 雅思 大学网奥数 Layui:设置select下拉框自动选中某项 1.问题 ...

  4. jquery ajax 找到数据怎样放到下拉框里_闲话Excel之简易数据动态图表的制作

    今天早上你的老板和你说让你把今年1-6月份的员工业绩做一份报表发给他,务必简介直观,但是你目前手头就以下的数据: 你肯定不能将这个发给你老板啊,既不简洁也不直观,该咋办呢?我建议用动态图表的方法,且听 ...

  5. 微信小程序下拉框插件_微信小程序下拉框组件使用方法详解

    本文实例为大家分享了微信小程序下拉框组件的使用方法,供大家参考,具体内容如下 适用场景 1.省市三级联动 2.出生日期选择 3.性别选择 4.一般性的下拉选择等 一.省市三级联动使用 注意mode = ...

  6. java的下拉框的设置默认值,html下拉选项属性 html下拉框怎么设置默认值?

    html下拉框怎么设置默认值 设置selected属性就可以,具体的用法,首先打开hbuilder软件,新建一个html文档,里面写入一个select下拉框: 然后给select中一个option设置 ...

  7. bootstrap获取下拉框数据_bootstrap动态调用select下拉框的实现方法

    bootstrap动态调用select下拉框的实例代码 html代码: 填报部门: JS代码: /*获取下拉菜单*/ function showSel(){ $.ajax({ "type&q ...

  8. 搜索下拉框推广优化如何做?下拉联想词有什么优势?

    下拉词也叫推荐词,就是让网友输入更少的词,看到更多与搜索词相关的推荐词.例如百度下拉词是百度搜索为方便用户搜索而提供的关键字关联服务,提高了用户的搜索效率.大多数人在搜索关键字时不知道如何组织语言以达 ...

  9. ajax 下拉框 保留,Ajax生成select级联下拉框和清空多余选项

    Ajax生成select级联下拉框和清空多余选项 实现效果 function professionType(){ var obj=document.getElementById("下拉框id ...

最新文章

  1. 关于ssh远程登录时出现问题的解决方法
  2. NOLOGGINGFORCE LOGGING
  3. javascript中interval与setTimeOut的区别
  4. 无法获取签名信息,请上传有效包(110506)
  5. 叮咚酒店营销版小程序v8.5.8+前端
  6. 日志进程redo thread
  7. (100)Verilog HDL:UART波特率设计
  8. php一个入口 nginx 自动带斜线,Nginx 自动加斜杠
  9. signal.h-----信号函数
  10. 中国电影史上最大泄漏事故?国家版权局出手了...
  11. angular 个人零点学习
  12. mysql图形化界面MySQL_Workbench
  13. ssh连接本地虚拟机
  14. C语言 拓补排序 有向无环图
  15. Android apk包生成二维码给他人体验
  16. shell脚本:自动更新动态域名的IP地址
  17. 解决String cannot be cast to java.util.List报错
  18. 元学习笔记——MAML
  19. vivado ROM IP核简单使用
  20. 华为云数据库实验-openGauss金融场景化实验出现的问题

热门文章

  1. 【Oracle】看懂执行计划之基于成本的优化器(CBO)
  2. arcgis属性表无法编辑
  3. 漫步数学分析五——闭集
  4. flash与java交互数据
  5. 如何利用CNN实现图像识别的任务?
  6. 阿里巴巴风鸣:做技术Leader要有危机意识
  7. RabbitMQ 重置用户名和密码的方法
  8. 51单片机学习之DS18B20温度传感器
  9. 什么叫 “雪碧图”?
  10. [C++]完美立方(枚举)