mysql事宜的開啟和挪用。本站提示廣大學習愛好者：（mysql事宜的開啟和挪用）文章只能為提供參考，不一定能成為您想要的結果。以下是mysql事宜的開啟和挪用正文
如上圖所示，要做圖中黃色區域的到期提示，請求提示的內容（提示的內容是指黃色配景上的圖標和文字）居中顯示。
我將圖中的贊歎號標識做為提示內容的配景圖片處置， 而這就請求內容區有一個高度，所之內容區必需是block-level的。 但block level的元素的寬度默許等於父元素的寬度，如許的話內容將從黃色右邊界開端顯示. 且設置text-align: center; 只能將文字居中而沒法將配景圖片居中且顯示在文字的右邊。
之前想的一個做法：
給內容區 設置一個width, 然後 margin: 0 auto; 然後配景定位在內容的右邊再設一個padding-left便可。這類做法的缺陷是不靈巧，一旦文字有變更或配景圖片年夜小要變就須要修改款式表。
較好的完成：
將內容區display: inline-block， 配景圖的設置跟dispaly:block時一樣，即background-position: left; padding-left: 50px; 便可。然後黃色區 text-align: center; 完全代碼以下：
<!-- 應用天數小於等於30地利顯示‘行將到期’ -->
<div class="almost-expire-tip">
<div class="almost-expire-tip-content">您的帳戶行將到期，為便利您的應用，請盡快與才能天空發賣接洽。接洽德律風：4006164080</div>
</div>
在CODE上檢查代碼片派生到我的代碼片
.almost-expire-tip { width: 100%; height: 68px; line-height: 68px; background: #FC0; text-align: center; }
.almost-expire-tip-content { display:inline-block; *display:inline; *zoom:1; padding-left: 50px; background: #FC0 url(http://www.ablesky-a.com:8080/ableskystatics/images/organizationAdmin/sprite_ico.png) no-repeat 0 -70px; font-size: 22px; }
配景圖片垂直偏向的-70px是由於應用了css sprite歸並了圖片。
