2012-03-26 75 views
0

我看到您可以調整fancybox內容的填充或邊距。但是對於特殊情況,我需要分別調整內容的左側和右側的填充。fancybox content margin-left

例如。 padding-left:50px;填充右:10px

我試圖編輯css或使用wrapcss屬性添加一個自定義css類,但問題是fancybox似乎忽略了所有css預設來計算其表示。 因此,如果我爲.fancybox-image類設置了margin-left,那麼fancybox並不知道它應該更寬50像素。

我必須去編輯js還是有另一種優雅的方式?

許多thanx您的幫助, 問候, 弗洛裏安

回答

0

編輯* * **

$(".mydiv").fancybox({ 
     wrapCSS  : 'fwrap' 
    }); 

CSS:

.fwrap{ 
    padding-left:200px; 
    margin-right:-100px; 
} 

本上留下填充200像素fancybox的權利,然後將其移回cen tre,您還必須使用邊框,背景等來根據需要對造型進行分類

+0

Hello webweaver!謝謝!基本上它與包裝類一起工作,但我使用fancybox來顯示圖像。圖像應該有花邊框的邊框。我不想移動整個fancybox。如果我將CSS應用於fancybox-image類(如padding-left:200px;),那麼圖像就會從Lightbox中移出...我將在未來接受答案:) – spierala 2012-03-26 16:43:20

+0

我已經更新了我的答案做你正在尋找的東西。 – WebweaverD 2012-03-27 11:20:34