提示框内文本格式

css/main.css

@@ -428,7 +428,6 @@ a{
     padding:8px 10px;
     line-height: 18px;
     border-radius:4px;
-    text-align:center;
     box-shadow:2px 2px 6px #ccc;
     color:#fff;
 }
@@ -449,6 +448,19 @@ a{
     bottom:-11px;
     border-color:#000 transparent transparent transparent;
 }
+.box-text-style {
+  font-size: 12px;
+}
+.box-text-style p{
+  margin:0 0 2px 0;
+}
+.box-text-style table{
+  width: 100%;
+  text-align: center;
+}
+.box-text-style th,.box-text-style td{
+  border:1px solid #fff;
+}
 /*快捷切换单位工程*/
 .navbar-crumb{
   position: relative;

zaojiashu.html

@@ -304,8 +304,41 @@
     Some tooltip text!
   </div>
 </div>
-<div class="message-box">
-  <span>我是利用 border 属性实现的我,是利用 border </span>
+<div class="message-box box-text-style">
+  <div>
+    <p>[项目特征]</p>
+    <p>1.土石类别:综合考虑（含清表、淤泥、孤石等）</p>
+    <p>2.开挖方式:综合考虑</p>
+    <p>3.基础类型:满足沟槽定义的所有基础</p>
+    <p>4.开挖深度:综合考虑</p>
+    <p>5.场内运距:根据现场情况综合考虑（包括多次转运和垂直运输）</p>
+    <p>[工程内容]</p>
+    <p>1.排水、抽水</p>
+    <p>2.沟槽底夯实、整平</p>
+    <p>3.土石方开挖、开凿</p>
+    <p>4.挡土板支拆</p>
+    <p>5.基底钎探</p>
+    <p>6.场内运输</p>
+    <p><table>
+        <tr><th>表头</th><th>表头</th><th>表头</th></tr>
+        <tr><td>内容</td><td>内容</td><td>内容</td></tr>
+        <tr><td class="text-left">内容</td><td class="text-left">内容</td><td class="text-left">内容</td></tr>
+        <tr><td class="text-right">内容</td><td class="text-right">内容</td><td class="text-right">内容</td></tr>
+    </table>
+    </p>
+    <p><table>
+        <tr><th rowspan="2">序号</th><th rowspan="2">费用名称</th><th colspan="2">计费基础</th></tr>
+        <tr><th>定额人工费+定额施工机具使用费</th><th>定额人工费</th></tr>
+        <tr><td></td><td>定额综合单价</td><td>1+2+3+4+5+6</td><td>1+2+3+4+5+6</td></tr>
+        <tr><td>1</td><td>定额人工费</td><td></td><td></td></tr>
+        <tr><td>2</td><td>定额材料费</td><td></td><td></td></tr>
+        <tr><td>3</td><td>定额施工机具使用费</td><td></td><td></td></tr>
+        <tr><td>4</td><td>企业管理费</td><td>(1+3)X费率</td><td>1X费率</td></tr>
+        <tr><td>5</td><td>利润</td><td>(1+3)X费率</td><td>1X费率</td></tr>
+        <tr><td>6</td><td>一般风险费</td><td>(1+3)X费率</td><td>1X费率</td></tr>
+    </table>
+    </p>
+    </div>
   <div class="triangle-border tb-border"></div>
   <div class="triangle-border tb-background"></div>
 </div>