div+css实现两列table效果示例
发布时间:2014-04-15 15:30:10 作者:佚名 我要评论
这篇文章主要介绍了div+css实现两列table效果示例,需要的朋友可以参考下
(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun)
css
复制代码
代码如下:.mycode{ margin-top:20px; padding-right:200px ; padding-left:50px; float:left; display:inline}
.mycode ul{ width:500px; height:300px }
.mycode li{ width:200px; float:left; height:30px; list-style:none}
.mycode li p{text-align:right; margin-top:0px} </p> <p> .sheng{ color:#F05D0B;font-weight:400;}
#ddlProjCategoryNo{ }
select {font-size:12px;width:175px; }
input {border:1px solid #7F9DB9; padding:2px; width:170px;}
#btnSearch{ background:url(?images/btnSearch.gif) no-repeat; border:none; width:90px}
复制代码
代码如下:<div class="mycode">
<ul>
<li><p>工程地区:</p> </li>
<li><label class="sheng">广东省-广州市</label></li>
<li><p>工程类别:</p> </li>
<li><select name="ddlProjCategoryNo" id="ddlProjCategoryNo">
<option value="">==未选择==</option>
<option value="000200010001">住宅社区</option>
<option value="000200010002">文化体育</option>
<option value="000200010003">展览观演</option>
<option value="000200010004">卫生医疗</option>
<option value="000200010005">酒店服务</option>
<option value="000200010006">工业建筑</option>
<option value="000200010007">市政道路</option>
<option value="000200010008">园林景观</option>
<option value="000200010009">商业综合</option>
<option value="000200010010">行政办公</option>
<option value="000200010011">农业水利</option>
<option value="000200010012">环保节能</option>
<option value="000200010013">交通运输</option>
<option value="000200010014">公用建筑</option>
<option value="000200010015">特种工程</option>
<option value="000200010016">其他</option></p> <p></select></li>
<li><p>工程阶段:</p></li>
<li><select name="ddlProjStageID" id="ddlProjStageID">
<option value="0">==未选择==</option>
<option value="1">工程筹备(咨询、概念设计)</option>
<option value="2">勘察设计</option>
<option value="3">主体施工</option>
<option value="4">设备安装</option>
<option value="5">装饰装修</option>
<option value="6">园林景观</option>
<option value="7">竣工测试</option>
<option value="8">其他</option></p> <p></select>
</li>
<li><p>项目类型: </p></li>
<li><select name="ddlProjType" id="ddlProjType">
<option value="">==未选择==</option>
<option value="室内装饰">室内装饰</option>
<option value="扩建">扩建</option>
<option value="改建/加建">改建/加建</option>
<option value="新建">新建</option>
<option value="翻新">翻新</option></p> <p></select></li>
<li><p>工程开工时间大于:</p></li>
<li> <input name="tbProjBeginDateMore" type="text" value="" id="tbProjBeginDateMore" onfocus="setday(this)" /> </li>
<li><p>工程开工时间小于:</p></li>
<li> <input name="tbProjBeginDateLess" type="text" value="" id="tbProjBeginDateLess" onfocus="setday(this)" /></li>
<li><p>发布时间大于:</p></li>
<li> <input name="tbProjBeginDateMore" type="text" value="" id="tbProjBeginDateMore" onfocus="setday(this)" /> </li>
<li><p>发布时间小于:</p></li>
<li> <input name="tbProjBeginDateLess" type="text" value="" id="tbProjBeginDateLess" onfocus="setday(this)" /></li>
<li><p>更新时间大于:</p></li>
<li> <input name="tbProjBeginDateMore" type="text" value="" id="tbProjBeginDateMore" onfocus="setday(this)" /> </li>
<li><p>更新时间小于:</p></li>
<li> <input name="tbProjBeginDateLess" type="text" value="" id="tbProjBeginDateLess" onfocus="setday(this)" /></li>
<li></li>
<li> <input type="submit" name="btnSearch" value=" " id="btnSearch" class="style1" /></li>
</ul>
</div>
相关文章
- 这篇文章主要介绍了Div+CSS对HTML的table表格定位用法实例,文中讲到了CSS的定位差异问题需要的朋友可以参考下2016-03-11
CSS:Table-cell属性的妙用让div也能享受table定位的好处
你要是用div的话,一会inline一会float很是蛮烦。怎么样才能在使用div的时候也能享受的table定位的好处呢?下面有个好的方法2014-09-04通过css属性margin:auto让Div中的Table居中
在div标签中加入text-align:center里面的Table是不会居中的,在Table中加上 margin:auto就可以实现居中效果,下面有个示例,大家可以参考下2014-03-19- 想必很多朋友都在询问这个问题,就是在应用DIV+CSS布局以后该在什么时候使用table呢?下面针对这个问题,为大家详细介绍下2014-03-17
html 隐藏div HTML里隐藏表格TABLE或者DIV内容的css样式
突然想起几年前用过的一个隐藏样式代码,有些时候用它非常方便,比如想让某块表格TABLE或者DIV里的内容完全看不到,那就加上他,嘿嘿,就隐身了,需要的朋友可以了解下2012-12-21Table2CSS 表格转换DIV+CSS工具 3.0.0完美汉化特别版
这是一个搜索引擎优化工具,转换成网页的HTML代码表tableless的CSS 。 当前网页流行用div+css布局,大家可以参考下。2009-12-08- 下面是我翻译的内容,是根据我对文章的理解意译的,你就别挑哪里翻译的不对了,我的目的只是传达这个CSS技巧 许多网页设计师都喜欢,将两个或者多个容器等高的并排放2009-03-10
DIV与Table布局在大型网站的可用性比较-CSS教程-网页制作-网页教学网
DIV与TABLE本身并不存在什么优缺点,所谓web标准只是推荐的是正确的使用标签,好比说:DIV用于布局,而TABLE则本来就是转二维数据的。让TABLE做该做的事,并不是说页面2008-10-17html css 控制div或者table等固定在指定位置的实现方法
下面小编就为大家带来一篇html css 控制div或者table等固定在指定位置的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考,一起跟随小编过来看看吧2016-06-13
最新评论