HTML，爲大行創建行號

Question

我有以下代碼可爲每個div創建自動行號，類爲「lineNum」。我想創建行號也是給斷行（在代碼段中，行號1和2之間的行）。 謝謝！

.container {direction:rtl; counter-reset: line;} 
 
.container .lineNum {display: flex;line-height: 1.5rem;} 
 
.lineNum>center, .lineNum>right, .lineNum>left, .lineNum>span 
 
{width: 100%;} 
 

 
.container .lineNum:before 
 
{ 
 
    width: 2%;font-weight: bold; 
 
    counter-increment: line;content:counter(line); 
 
    display: inline-block; 
 
    background-color: lightgray; 
 
    margin-left: 10px; 
 
    padding-right: .5em; 
 
}

<div class="container"> 
 
<div class="lineNum"><span>במהלך תקופה זו, גדלנו מקבוצה קטנה של עורכים לקהילה מגוונת של עורכים, מפתחים, קוראים, תורמים ושותפים. איפה נהיה בעוד 15 שנה? איזה תפקיד נמלא בעולם? מי עוד יצטרף לתנועה? מה אופי העבודה הניצבת לפנינו? שאלות אלו ייענו על ידי תנועת ויקימדיה כולה במהלך השבועות הקרובים, במסגרת התהליך האסטרטגי לשנת 2017, המתנהל בימים אלו.</span></div> 
 
<div class="lineNum"><span>תצלום לוויין של ארץ ישראל, משנת 2003, הכולל את מדינת ישראל, שטחי הרשות הפלסטינית, וחלקים מירדן, לבנון, סוריה ומצרים</span></div></div>

編輯： 後續結果預計

Answer 1

如果你想其間的每個.lineNum類休息，只需添加一個margin-top: 10px;我添加了一個片段下面給你看。

.container {direction:rtl; counter-reset: line;} 
 
.container .lineNum {display: flex;line-height: 1.5rem;} 
 
.lineNum>center, .lineNum>right, .lineNum>left, .lineNum>span 
 
{width: 100%;} 
 

 
.lineNum {margin-top: 10px;} 
 
     
 
.container .lineNum:before 
 
{ 
 
    width: 2%;font-weight: bold; 
 
    counter-increment: line;content:counter(line); 
 
    display: inline-block; 
 
    background-color: lightgray; 
 
    margin-left: 10px; 
 
    padding-right: .5em; 
 
}

<div class="container"> 
 
<div class="lineNum"><span>במהלך תקופה זו, גדלנו מקבוצה קטנה של עורכים לקהילה מגוונת של עורכים, מפתחים, קוראים, תורמים ושותפים. איפה נהיה בעוד 15 שנה? איזה תפקיד נמלא בעולם? מי עוד יצטרף לתנועה? מה אופי העבודה הניצבת לפנינו? שאלות אלו ייענו על ידי תנועת ויקימדיה כולה במהלך השבועות הקרובים, במסגרת התהליך האסטרטגי לשנת 2017, המתנהל בימים אלו.</span></div> 
 
<div class="lineNum"><span>תצלום לוויין של ארץ ישראל, משנת 2003, הכולל את מדינת ישראל, שטחי הרשות הפלסטינית, וחלקים מירדן, לבנון, סוריה ומצרים</span></div></div>