Question

以下是我从数据库中获取的记录：

“亲爱的：感谢您申请上学。我们已收到您对该计划的申请。截至今天，我们已收到以下申请：”

我试图将上述值放入标签中。我的标签如下所示：

<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>

Answer 1

如果您希望根据外部<div>的内嵌样式换行文本，可以将<asp:label>更改为<asp:literal>并使用CSS设置外部{ {1}}。

不同之处在于Literal不会呈现任何HTML标记，而Label会包含在元素中。 Literal只是插入您拥有的确切文本，让现有的HTML和CSS进行样式化。

不同风格的一个例子是：

较少的百分比，请注意<div>属性的20％而不是50％：

width

或者，使用专用的像素值（由<div id="secondd" style="float:left;width:20%;background-color:#C0D5F2;">表示）

px

您甚至可以使用<div id="secondd" style="float:left;width:150px;background-color:#C0D5F2;">缩进文字。我建议谷歌一些基本的CSS，只是尝试不同的东西，这是最好的学习方式。

你只需要玩它就可以看到它如何适合你的网页。一旦掌握了它，请注意以后的参考，您可以使用样式表来完成这些工作，这将使您的代码更清晰，并允许您为您的应用程序创建可重用，易于编辑的样式。

如何在Label中显示多行？

1 个答案: