ul+li实现类似table的自适应宽度布局

原创 2016年06月01日 15:05:40
<div class="cart-panel">
			<div class="hd">
				<ul class="order-title">
					<li class="product">商品名称</li>
					<li class="market-price">市场价</li>
					<li class="order-price">订购价</li>
					<li class="num">数量</li>
					<li class="operate">操作</li>
				</ul>
			</div>
			<div class="bd">

				<ul class="order-list">
					
					<li class="img-box"><a href="/product/9010966.html" target="_blank"><img src="http://img01.hua.com/uploadpic/newpic/9010966.jpg_80x87.jpg" height="56" width="50"></a></li>
					<li class="product">
						<a href="/product/9010966.html" target="_blank">
							<span class="product-title">[鲜花]一往情深一精品玫瑰礼盒:19枝红玫瑰,勿忘我适量</span>
							<span class="feature"></span>
						</a>
					</li>
					
					<li class="market-price">
						<span class="price-sign">¥</span>
						<span class="price-num">329</span>
					</li>
					<li class="order-price">
						<span class="price-sign">¥</span>
						<span class="price-num">239</span>
					</li>
					<li class="num">
						<div class="input-num">
							<a href="javascript:SetNum('Q_2708','minus');" class="btn btn-default"><i class="ico ico-minus"></i></a>
							<input type="text" class="form-control input-sm" Name="Q_2708" id="Q_2708"  value="1" onChange="$('#form1').submit();">
							<a href="javascript:SetNum('Q_2708','add');" class="btn btn-default"><i class="ico ico-add"></i></a>
						</div>
					</li>
					<li class="operate"><a href="ShowCart.asp?delID=9010966&MySelf=Yes&Product_code=9010966">删除</a><br><a href="javascript:DoGuanZhu('9010966')">移到我的关注</a></li>
				</ul>

			</div>

效果如下:


版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

ul li实现table效果

tag 姓名 身份证号 与户主关系 阿三 3-1 13

如何应用ul、li标签 创建css横向导航菜单?

我们制作导航条按照传统的方法由放在一行表格单元里的图形图像构成,或者由单元格内的文字所组成,由于人们不再推荐用表格来定位任何非表格的页面内容,所以很多制作Web的人正在寻找新的方法,用结构化的XHTM...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

div ul li 嵌套后解决高度自适应方法

div ul li 嵌套后解决高度自适应办法: html代码如下 daugli-1webServer-1web Server   CSS代码如下: .main_div {  width:80...
  • baicp3
  • baicp3
  • 2013-10-19 20:22
  • 12829

设置 li自适应宽度

原文:http://hi.baidu.com/yingjianglinx/item/c2d868fc49a6b15bc9f337e4 1、设置float属性的li里的链接也为float属性//这个属...

横排Li的自适应宽度

我们在做网页导航的时候,最常用的就是让Li左浮,但是浮动对象要给固定宽度,不然在ie下会出现撑开的情况,导航的话没有问题,一般都是两个字或者四个字,固定宽度也比较美观,今天就碰到一个问题是翻页代码用浮...

HTML UL LI 表格布局

无标题文档 <!-- body { width:1095px;} .b ul { list-style-type: none; height: 500px; } .b ul li { b...

li 自适应宽度 自动换行

li 样式中加入:    white-space:nowrap;

css防止ul下的li换行(li超出宽度变成…)代码

在使用css结合div布局的时候碰到了一个问题。 在一个规定宽度大小的ul里边 我把li的宽度定义为自动。企图让li根据内容长度来自动向左对齐排列。 例如宽度为210px的ul里   分别有4个l...

HTML篇之CSS样式——div ul li 嵌套后解决高度自适应方法

方法一: div 自适应宽度 很简单 ,你应该设置div的display:inline-block 然后不要设置宽度就行了 方法二:    div ul li 嵌套后解决高度自适应...

css满屏布局与ul和li列表

css满屏布局与ul和li列表 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)