1

以下は私がデータベースから取得しているレコードです：

「親愛なる：学校に申し込んでいただきありがとうございます。プログラムへの申し込みを受け取りました。本日より、以下の申し込みを受け取りました。」

上記の値をラベルに入れようとしています。私のラベルは次のようになります。

<div id="secondd" style="float:left;width:50%;background-color:#C0D5F2;">
       <asp:Label id="valueIntroduction" Cssclass="labelarea" runat="server">   </asp:Label>
       <div  class="line"></div>

私の問題は、価値がラベルに適合していないことです。複数行のラベルとして作成するにはどうすればよいですか？

このdivを含むHTMLは次のとおりです。

<div id="first" style="float:left;width:50%;background-color:#C0D5F2"> 
    <div id="second" style="float:left;width:50%;background-color:#C0D5F2"> 
        <div id="Introduction" style="float:left;width:100%" class="wote">     
            Introduction: 
        </div> 
        <div class="line"></div> 
    </div>   
    <div id="secondd" style="float:left;width:50%;background-color:#C0D5F2;"> 
        <asp:Literal id="valueIntroduction" runat="server"> </asp:Literal> 
    <div class="line"></div>
</div>
4

1 に答える 1

3

アウターのインラインスタイルに基づいてテキストを折り返す場合は、をに<div>変更し、<asp:label>CSS<asp:literal>を使用してアウターのスタイルを設定できます<div>。

違いは、リテラルはHTMLマークアップをレンダリングしないのに対し、ラベルは要素でラップされることです。Literalは、既存のHTMLとCSSにスタイリングを任せて、あなたが持っている正確なテキストを挿入するだけです。

別のスタイルの例は次のとおりです。

widthパーセンテージが少ない場合は、属性の50％ではなく20％に注意してください。

<div id="secondd" style="float:left;width:20%;background-color:#C0D5F2;">

または、ピクセルの専用値を使用します（で示されますpx）

<div id="secondd" style="float:left;width:150px;background-color:#C0D5F2;">

を使用して、テキストをインデントすることもできますtext-indent。基本的なCSSをグーグルで検索して、さまざまなことを試してみることをお勧めします。これが学習の最良の方法です。

あなたはそれがあなたのウェブページにどのように適合するかを見るためにそれで遊ぶ必要があります。一度コツをつかんだら、今後の参考のために、このようなものにスタイルシートを使用できることに注意してください。これにより、コードがよりクリーンになり、アプリケーションで再利用可能で簡単に編集できるスタイルを作成できるようになります。

于 2013-03-12T23:59:54.550 に答える