用定义列表定义一段文字justify

最新推荐文章于 2023-04-08 15:55:14 发布

Eveweiscsdn

最新推荐文章于 2023-04-08 15:55:14 发布

阅读量421

点赞数

分类专栏： html5 less 文章标签： html5 html css

本文链接：https://blog.csdn.net/wangweiscsdn/article/details/53897683

版权

html5 同时被 2 个专栏收录

28 篇文章 1 订阅

订阅专栏

less

4 篇文章 0 订阅

订阅专栏

实现以下效果：

1、这是一大段文字这是一大段文字这是一。
2、这是一大段文字这是一大段文字这是一

大段文字这是一大段文字这是一大段文

字这是一大段文字这是一大段文字这是
一大段文字这是一
3、一大段文字这是一大段文字这是一大段

文字这是一大段文字这是一大段文字这

是一大段文字这是一大段文字这是一大

段文字这是一大段文字这是一大段文字

这是一大段文字这是一大段文字这是一

大段文字
4、文字这是一大段文字这是一大段文字这

是一大段文字这是一大段文字这是一大

段文字这是一大段文字这是一大段文字

这是一大段文字这是一大段文字这是一

大段文字这是一大段文字这是一大段文

字这是一大段文字这是一大段文字这是

一大段文字这是一大段文字

html代码如下：

<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  </head>
  <body>
    <div class="Container">
      <div class="ActiveRules">
        <dl><span></span>
          <dt><span>1、</span></dt>
          <dd> 这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是

一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是

一大段文字这是一大段文字这是一大段文字这是一大段文字
</dd>
        </dl>
        <dl><span></span>
          <dt><span>2、</span></dt>
          <dd> 这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是
一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是
一大段文字这是一大段文字这是一大段文字这是一大段文字</dd> </dl> </div> </div> </body></html>



less代码如下：


.ActiveRules{
		font-size:30px;
		color:#666;
		text-align:left;
		line-height:66px;
		padding-left:25px;
		padding-right:25px;
		dt{
			position:absolute;
		}
		dd{
			text-align: justify;
			padding-left:50px;
			
		}
   }

Eveweiscsdn

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用定义列表定义一段文字justify

html代码如下： 1、这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大段文字这是一大
复制链接

扫一扫