li前面加文字

projoy 2012-05-24 01:56:41



<ol>

  cool<li>Tea</li>

  nice<li>Milk</li>

</ol>

我想让cool在Tea的前面出现，
cool 1.Tea
但是实际的效果是
cool
1. Tea
该怎么版办呀

...全文

128 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

001007009 2012-05-24

打赏
举报

硬要保留原有的排序，也可以这样。



<!DOCTYPE HTML>

<html>

	<head>

		<meta charset="gb2312" />

		<title></title>	

		<style>

			ol {

				margin:0 auto;

				width:200px;

				border:1px solid red;

			}

			li {

				margin-left:40px;

			}

			span {

				margin-left:-90px;

			}

		</style>		

	</head>

	<body>

		<ol>

			<li>Tea<span>cool</span></li>

			<li>Tea<span>cool</span></li>

			<li>Tea<span>cool</span></li>

		</ol>

	</body>

</html>

001007009 2012-05-24

打赏
举报

不建议用默认的排序

这样呢



<!DOCTYPE HTML>

<html>

	<head>

		<meta charset="gb2312" />

		<title></title>	

		<style>

			ol {

				list-style:none;

			}

		</style>		

	</head>

	<body>

		<ol>

			<li>cool 1.Tea</li>

			<li>cool 2.Tea</li>

			<li>cool 3.Tea</li>

		</ol>

	</body>

</html>

projoy 2012-05-24

打赏
举报

那样式不就成了
1. cool tea 了吗？我想要的是
cool 1.tea就好像给这个li加了一个title一样。

001007009 2012-05-24

打赏
举报

<ol>
<li>cool Tea</li>
<li>nice Milk</li>
</ol>

楼主是想 cool 和 tea的样式不一样？
那定义一个标签，比如span，然后单独写span的样式
<ol>
<li>cool <span>Tea</span</li>
<li>nice <span>Milk</span></li>
</ol>