2011-11-02 90 views
3

許多編碼人員都接受精靈,但他們似乎忘記了精靈需要更少的固定容器。如果無法控制高度,則無法在h2上使用srite。當你有1(2)行文本時,H2看起來不錯,但當你有3行時,地獄會鬆動 - 下一張圖片將變爲可見。精靈和長文本

什麼是解決它的最佳解決方案?它的容器內的圖標?

<h2> 
    <span class="ico">Text that needs to be hidden</span> 
    Lorem ipsum<br />dolor sit<br />amet 
</h2> 

另一解決方案是對角地放置在子畫面文件的圖像,但這種解決方案不允許100%0的定位。

您的解決方案是什麼?

+1

我想答案是不使用子畫面對於具有可變的寬度或高度的元件。您不必在精靈中擁有任何圖像。 – MrMisterMan

回答

6

注意圖像中的紅色部分的下面

定位如果既沒有寬度,也沒有高度是可變的,將圖像 在子畫面的任何地方。

No repeated section; place image anywhere in sprite


如果高度是可變的,但寬度是固定的,則可以嘗試將所述背景沿子畫面的左邊緣或右邊緣。這將允許你重複-y。

Position repeated section on left of sprite

Position repeated section on right of sprite


如果寬度是可變的,但高度是固定的,則可以嘗試將所述背景沿子畫面的頂部或底部邊緣。這將允許你重複-x。

Position repeated section on top of sprite

Position repeated section on bottom of sprite


如果同時寬度和高度是可變的,我不相信你可以在精靈有效使用圖像。您應該只使用標準的背景圖像。

Regular background image; no sprite