Question

我正在从数据库中获取数据到table，我正在尝试将一些CSS应用于所提取的数据，但是像pre-wrap这样的CSS和其他格式化选项无法正常工作

jsp代码：

<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正在运行

Answer 1

我认为你缺少像（table和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>

希望有所帮助。

CSS样式不起作用

1 个答案: