2015-07-28 116 views
-1

我从DB读取数据时的table,我尝试应用一些CSS的数据取出,但是CSS一样pre-wrap和其他格式化选项不工作CSS样式不​​

JSP代码:

在DB
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/flick/jquery-ui.css" /> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> 

<td class="tdx" bgcolor="#CCCCCC" id="sol" style="background-color:white;border-style:ridge"> 

     <div class="dialog" style="display: none;"> 

       <p id="dbox" style="white-space: pre-wrap;text-align:left"><%=solution%></p> 

     </div> 

    </td> 

注意数据是正确的格式和text-align:left工作

+0

而不是空格使用'文字中断:打破所有' –

+0

@GermanoPlebani它不工作 –

+0

请参阅http://sscce.org/ - 您的HTML无效。我质疑jQuery代码的相关性。您的示例数据似乎是一个ASP标记,因此不是HTML或足够长的时间来包装。 – Quentin

回答

0

我认为你缺少像一些标签(表和tr):

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/flick/jquery-ui.css" /> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> 
<table> 
    <tr> 
    <td class="tdx" id="sol" style="background-color:red;border-style:ridge"> 

     <div class="dialog" style="display: block;"> 

     <p id="dbox" style="white-space: pre-wrap;text-align:left">test</p> 

     </div> 

    </td> 
    </tr> 
</table> 

希望有帮助。