2

私のコードは次のように構成されています。

<article style="font-size:16px;text-indent:40px;line-height:1.5em;">
<ul>
  <li><a title="Egypt" href="#egypt" style="text-indent:0px;padding-left: -25cm;">Egypt</a></li>
</ul>
</article>

はい、が今は気にしないでください。

これにより、エジプトは のtext-indentプロパティを取得します<article>。しかし、私はこれが起こらないことを望みます。リスト アイテムのエジプトのテキストのインデントを 0 にしたいです。

どうやってするの？

js-fiddle を確認してください。

4

3 に答える 3

5

以下のスニペットの the liketext-indent: 0pxのli代わりにthe に移動します。a

このtext-indentプロパティは、ブロック コンテナーにのみ適用されます。liはブロックコンテナですが、a はそうではないため、オンに設定しaても効果はありません。

liまた、このプロパティは継承されたプロパティであり、それがからの値として 40px を取得する理由articleです。liを調べて、「計算済み」スタイル セクションを見れば、これに気付くでしょう。

<article style="font-size:16px;text-indent:40px;line-height:1.5em;">
  <p>
    Goal of this page is to laconically detail where I, <strong>Georgios Samaras</strong> have travelled, since I am asked again and again and usually I forgot some places.
  </p>
  <p>
    I will list (in random order) were I have been to and say some more about the non-Greek places I have been after 2012. It's also good to write down the memories... :)
    <ul>
      <li style="text-indent: 0px;"><a title="Egypt" href="#egypt">Egypt</a>
      </li>
    </ul>
</article>

于 2016-05-28T11:26:05.137 に答える
2

問題が解決したら、記事からスタイルを削除して p に適用します

働くフィドル

<article>
<p style="font-size:16px;text-indent:40px;line-height:1.5em;">Goal of this page is to laconically detail where I, <strong>Georgios Samaras</strong> have travelled, since I am asked again and again and usually I forgot some places.
</p>
<p>
I will list (in random order) were I have been to and say some more about the non-Greek places I have been after 2012. It's also good to write down the memories... :)
<ul>
  <li><a title="Egypt" href="#egypt">Egypt</a></li>
</ul>
</article>
于 2016-05-28T11:29:39.457 に答える
1

HTML から削除style="(...)"してこれを追加すると、おそらくそれが役立つでしょう。

ul {
    list-style-position: inside;
    padding-left:0;
}

それだけです、これらの行だけです。

于 2016-05-28T11:26:43.203 に答える