巅云智能建站平台搭建版(创业流派版)火爆上线,毕生受权!新增:文章智能收罗+全站真静态打包+都会分站+智能小法式+不法词过滤+H5自顺应+智能链词等功效功效概况
赞助文档Help

HTML中select下拉框内容显现不全局部被笼盖的处理体例

一佰互联网站建造(www.taishanly.com) 宣布日期 2020-04-20 08:53:06 阅读数: 349

明天,我碰到如许一个题目:查问栏中的下拉框中的内容太长,致使局部被笼盖了。

查问了一些材料,有的说用函数节制,有的说用事务节制,有的看不懂,有的完成起来太庞杂了。厥后,问了一下共事,有不一些简略的体例,他告知我在option中加title这个属性,因而根据他的体例尝尝,终究发明这个体例可行。如许,我就想记实上去,避免本身给健忘了。

1、详细实比方下

复制代码代码以下:
<!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>HTML中的select下拉框内容显现不全的处理体例</title>
<style type="text/css">
#area option{
width:140px;
}
</style>
</head>
<body style="width:80%; height:100px; text-align:center;">
<div id="div_select">
<label for="area">字母:</label>
<select id="area" name="area" style="width:150px;">
<option value="0">全数</option>
<option value="1" title="AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</option>
<option value="2" title="BBBBBBBBBBBBBBBBBBBBBBBBBBBBBB">BBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</option>
<option value="3" title="CCCCCCCCCCCCCCCCCCCCCCCCCCCCCC">CCCCCCCCCCCCCCCCCCCCCCCCCCCCCC</option>
<option value="4" title="DDDDDDDDDDDDDDDDDDDDDDDDDDDDDD">DDDDDDDDDDDDDDDDDDDDDDDDDDDDDD</option>
<option value="5" title="EEEEEEEEEEEEEEEEEEEEEEEEEEEEEE">EEEEEEEEEEEEEEEEEEEEEEEEEEEEEE</option>
<option value="6" title="FFFFFFFFFFFFFFFFFFFFFFFFFFFFFF">FFFFFFFFFFFFFFFFFFFFFFFFFFFFFF</option>
<option value="7" title="GGGGGGGGGGGGGGGGGGGGGGGGGGGGGG">GGGGGGGGGGGGGGGGGGGGGGGGGGGGGG</option>
<option value="8" title="HHHHHHHHHHHHHHHHHHHHHHHHHHHHHH">HHHHHHHHHHHHHHHHHHHHHHHHHHHHHH</option>
<option value="9" title="IIIIIIIIIIIIIIIIIIIIIIIIIIIIII">IIIIIIIIIIIIIIIIIIIIIIIIIIIIII</option>
</select>
</div>
</body>
</html>

2、实例成果

 

3、静态数据

复制代码代码以下:
<div id="div_select">
<label for="area">省分:</label>
<select id="area" name="area" style="width:150px;">
<option value="0">全数</option>
<c:forEach items="${list}" var="area">
<option value="${area.areaCode}" title="${area.areaName}">${area.areaName}</option>
</c:forEach>
</select>
</div>
一佰互联是天下着名建站品牌办事商,咱们有九年、网站建造、网页设想、php开辟和域名注册及假造主机办事经历,供给的办事更是天下着名。最近几年来还整合团队上风自立开辟了可视化多用户”“3.0平台版,拖拽排版网站建造设想,轻松完成pc站、手机微网站、小法式、APP一体化全网营销网站扶植 ,已胜利的为天下上百家收集公司供给自助建站平台搭建办事。

相干动静more

21
03月
招商加盟网站体系,告白同盟首选

http://www.123comcom.com/mbzs/jiameng.html招商加盟网站体系... >>概况

30
04月
phpMyAdmin 链接表的附加功效还没有激

从多方查找资本并测试终究处理了题目,特记实下。实在若是在装置的时辰,准确的装置,就不会呈现上面的信息了. 如在Linux下装置,提醒暗码的时... >>概况

01
04月
微信公家号开辟之VS长途调试

简介:媒介微信公家平台动静接口的任务道理大要能够如许懂得:从用户端到公家号端一个流程是如许的,用户发送动静到微信办事器,微信办事器将领受到的... >>概况

10
04月
除专业过硬,高等设想师都得把握的5个才能素

咱们已或多或少看过一些优异作品,也晓得了一些设想体例和技能,领会到了一些相干的实际常识,本身也做过一些名目或是操练,整体来讲都把握了必然... >>概况

高端网站扶植

美工统筹SEO,为企业电子商务营销助力!

德律风:

023-85725751
建站

产物

域名注册 假造主机 云办事器 企业邮局
智能建站 APP打包 微站/小法式 创业平台
网站推行 媒体营销 智能收罗 AI机械人
400德律风 短信营销 店销机械人
私家定制 流派网站