4

ぶら下がっているインデントと、そのインデントを隠さない隠されたオーバーフローを備えた要素を作成する方法を知りたいです。

これは私の問題を示しています：http： //jsfiddle.net/Skofo/qgd2p/

ありがとうございました！

4

2 に答える 2

2

あなたのフィドルに基づいて、あなたの要素のを交換margin-left: 15px;してください。padding-left: 15px;li

私はこれをクロームでチェックしただけです。box-sizingクロスブラウザで機能させるには、一貫性のあるものに設定する必要があるかもしれません。box-sizing: border-box;

于 2012-09-09T11:33:59.960 に答える
2

このフィドルをご覧ください：http：//jsfiddle.net/saSna/

これはあなたが達成したい結果ですか？

に15pxのパディングを追加しli、削除:first-childして、両方ulのスタイルが同じになるようにしました。

ul li {
    width:120px;
    text-indent:-15px;
    margin-left:15px;
    margin-bottom:10px;
    padding-left:15px;
}

ul li {
    overflow:hidden;
    text-overflow:ellipsis;
}
于 2012-09-09T11:53:27.570 に答える