cssの使用

1、backgroundのいくつかの疑問:
background: url(../images/member_centerDetail_top.png) no-repeat 10px 8px;
urlは、参照されるピクチャのパスを指定します.
No-repeatは画像が重複しないことを示す.
10 px 8 pxは、外層dom(例えばdiv)オブジェクトの左上頂点に対するピクチャ左上頂点の水平位置10 px、垂直位置8 pxを表す.この2つの値はbackground-positionプロパティと同じです.すなわち、背景画像の開始位置を設定します.
----------------------------------------------------------
.memberCenter .memberCenterDetail .top { background: url(../images/member_centerDetail_top.png) no-repeat 10px 8px; border: 1px solid #CCCCCC; width: 940px; height: 45px; line-height: 40px; padding-left: 40px; clear: both; font-size: 14px; font-weight: bold; color: #595959; overflow: hidden; }
==>
クラススタイルがmemberCenterのdivでクラススタイルがmemberCenterDetailのdivでクラススタイルがtopのdivのスタイルを指定します.
 
2、長い文字列の英語表示が自動的に改行できない問題を解決する
例えば、aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
なぜなら、英字の間にスペースがなければ、単語として自動的に改行されないからです.漢字にはそんなことはない.
解決策:表示する内容を表に詰めます.タグに「style='TABLE-LAYOUT:fixed」を入れ、単語の改行を強制する

タグに「style='word-WRAP:break-word」を入れます.これでいいです. 例:   <table class="inputTable tabContent" style="TABLE-LAYOUT: fixed"> <tr class="title"> <th style="width:10%"> </th> <th style="width:10%"> </th> <th style="width:60%"> </th> <th style="width:20%"> </th> </tr> <#list order.orderLogSet as list> <tr> <td> ${action.getText("OrderLogType." + list.orderLogType)} </td> <td> ${list.operator} </td> <td style="word-WRAP: break-word"> ${list.info} </td> <td> <span title="${list.createDate?string("yyyy-MM-dd HH:mm:ss")}">${list.createDate}</span> </td> </tr> </#list> </table> 参考記事URL:http://hi.baidu.com/mengqing723/item/12c708fe09fc33ec1b111ff5