0

下の写真のようにテキストコンテンツを表示したいと思います。実行する方法？これを試しましたが、2行目からインデントされません。また、そのコンテンツを2行2列の<table>に配置しようとしましたが、問題は、<table>を希望どおりにマージンできないことです。<テーブル>には多くのマージンとパディングの問題があります。

ここに画像の説明を入力してください

アップデート：

コードは正しくインデントされますが、問題は、テーブルを希望どおりにマージンできないことです。

<table>
    <tr>
        <td>(1) </td> 
        <td>zzzzzzzzzzzzzzzzzzz</td>
    </tr>

    <tr>
        <td>(2) </td> 
        <td>zzzzzzzzzzzzzzzzzzz</td>
    </tr>
</table>
4

4 に答える 4

1

このfiddleを探していると思います。

これは、通常のリストとCSS カウンターを使用してリスト番号を作成しています。毎回リセットしolて最初からやり直します。

出典: StackOverflow: 番号付きリストの数字をカスタマイズするにはどうすればよいですか?

于 2012-09-28T08:05:10.400 に答える
0

このような意味ですか？

<ol>
<li>content heerrrrrrrrrrrrere content heerrrrrrrrrrrrere content heerrrrrrrrrrrrere</li>
<li>content heerrrrrrrrrrrrere content heerrrrrrrrrrrrere content heerrrrrrrrrrrrere</li>
</ol>​

ol{padding-left:80px;list-style-type:decimal;}

li{
    width:100px;
    word-wrap:break-word;
}

</ p>

于 2012-09-28T07:42:02.610 に答える
0

****[デモ][1]****

HIは、css3でこのカウンターリセットに使用されるようになりました

このように

Css

body {counter-reset:section;}
h1 {counter-reset:subsection;}
h1:before
{
counter-increment:section;
content:"Section " counter(section) ". ";
}
h2:before 
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}

HTML

<h1>HTML tutorials</h1>
<h2>HTML Tutorial</h2>
<h2>XHTML Tutorial</h2>
<h2>CSS Tutorial</h2>

<h1>Scripting tutorials</h1>
<h2>JavaScript</h2>
<h2>VBScript</h2>

<h1>XML tutorials</h1>
<h2>XML</h2>
<h2>XSL</h2>

[デモ][2]

更新されたデモ

于 2012-09-28T07:42:32.437 に答える
0

デモ

CSS

ul {
    counter-reset:myCounter;
    list-style:none;
    padding:0;
    margin:0;
}    
ul li {
    padding-left:30px; /* adjust it to your custom font needings */
    position:relative;
    counter-increment:myCounter;
}
ul li:before {
    content:"("counter(myCounter)") ";
    position:absolute;
    left:5px;
}​

HTML

<ul>
<li>Content here<br>and here<br>and here</li>
<li>Some more content here<br>and here<br>and here</li>
</ul>​
于 2012-09-28T08:01:59.247 に答える