文本wrap'ing [CSS]

我完成我的網站http://centrosokoladine.lt/，以及如何可以看到有在中間留下了一些畫面佈滿文字，我需要換行的文本。圖像設置像那些box'es bakground圖像，無重複左手中指...文本wrap'ing [CSS]

這裏說的HTML的確切部分：

<div class="turinio"><?php the_content(); ?></div>

和CSS：

.vidinis 
{ 
    background-color:#a68e84; 
    layer-background-color:#a68e84; 
    width: 709px; 
    /* height: 306px; */ 
    align: center; 
    padding-top: 17px; 
    visibility: visible; 
    **background-image: url('http://centrosokoladine.lt/wp-content/themes/sokoladine/grafika/info.gif'); 
    background-repeat: no-repeat; 
    word-wrap: break-word; 
    background-position: bottom left;** 
    overflow:hidden; 
}

我知道，這是沒有更多鈔票換行文本以防萬一背景圖片，所以我在尋找其他的解決方案在這裏，也許我已經嘗試過該圖像創建單獨的div，但我失敗了..

來源

2011-12-21 Tautvydas

提示：浮動'div'是爲此而發明的。（文字將圍繞它們。） – Sparky 2011-12-21 17:27:51

你不能用一個backgrou做到這一點ND-圖像，除非（1）你給的填充，底部的股利和不顯示文本下一個的形象，或（2）你給一個填充左到您的股利和下不顯示文本的圖像。

一種img元件是正常的（HTML）的方式來做到這一點。然後，您可以將align屬性添加到該圖像。

來源

2011-12-21 17:26:20 c4urself

但對我來說，如何將該圖像設置到該角落是有點問題，okey我會用戶對齊=「左」，然後呢？這些盒子不是固定的大小，我不知道如何移動圖像，它會一直留在那個cornew和包裝.. – Tautvydas 2011-12-21 17:31:34

我明白這個問題，但'img'標籤（或浮動div as @ Sparky672 sais）是讓文本環繞它的方式。爲了確保它位於左下角，可以選擇一個選項來衡量需要包裝在右側的文本數量，然後使用jQuery將圖像插入到所需的字符位置。 – ptriek 2011-12-21 17:36:20

@Tauvydas你想放*位置：相對*在'div'和a *位置：絕對; bottom：0px;左：0px *在圖像 – c4urself 2011-12-21 19:27:21

float: left;

浮動會做的伎倆。

來源

2012-12-06 18:06:56

文本wrap'ing [CSS]

回答

相關問題