DIVの各行にボーダーボトムを適用して、「紙の線」のように見えるようにするにはどうすればよいですか？

div { 
    border-bottom: 1px solid; 
    display:inline; 
}

<div> 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
    tempor incididunt ut labore et dolore magna aliqua. 
</div>

は "並ん紙" の外観を持っています。今では、テキストのある領域だけが下の境界線を持っています。 DIVの全幅になるように各下限ボーダーを設定することはできますか（テキストが線幅の半分以下であっても）。

望ましい結果：

2012-01-24 vxl

私は 'border-bottom'を追加しませんでした。代わりに背景画像をタイルとして追加します。 – locrizak

例を投稿できますか？ – vxl

バックグラウンドイメージの問題は、異なるシステム上のフォントのサイズが多少異なることが原因で、その効果が消えてしまうことです。そのような、またはユーザーが書いたコンテンツはそれを殺すでしょう。 – j08691

裏地-ページは通常、背景画像を使用して作成されます。ここ

div { 
    background-image: url('http://i.imgur.com/H8dFf.png'); 
    line-height: 24px; 
    background-position: 0 -5px; 
}

I画像及びスケーリングにおける表示セルの底部のみ境界とそれから正方形セルの切断、LibreOfficeのドローのスクリーンショットを撮影して画像を作成しましたGIMPを使用して画像の高さを24pxにします。

この解決策では、行を5ピクセル上に移動して、テキストがその行に配置されるようにしました。テキストを線の上に置くのではなく、線の間に配置する場合は、background-positionプロパティを省略できます。例：http://jsfiddle.net/zuHn4/

2012-01-24 19:50:14

ありがとう！完璧なソリューション！ – vxl

-3

なぜなら、n行と1つの固定幅の列とCSSプロパティborder:thin;とvalign:center;の単純なTABLEはありません。

2012-01-24 19:59:08 sdarjazi

テキストを異なる行にどのように広げますか？あなたはどのようにnの価値を事前に知っていますか？ –

なぜ、テーブルですか？ – BoltClock

表は表形式のデータにのみ使用してください。これは – ChrisW

答えて