CSS样式不
问题描述:
我从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
工作
答
我认为你缺少像一些标签(表和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>
希望有帮助。
而不是空格使用'文字中断:打破所有' –
@GermanoPlebani它不工作 –
请参阅http://sscce.org/ - 您的HTML无效。我质疑jQuery代码的相关性。您的示例数据似乎是一个ASP标记,因此不是HTML或足够长的时间来包装。 – Quentin