CSS float attribute, left, right. So, if I want to make images floating in the middle? Have any float: the middle? Seems to be no. Latest column attributes of CSS3 (http://www.w3.org/TR/css3-multicol/) can make text columns, and then let the images left floating right float, in order to realize image in the middle &other; Illusion &throughout; . How to implement &other; Text around images &throughout; The effect of bullying? !!!!!!!!!! (although the feeling is very 2, no UI designer will design a web page. But think this layout is good fun oh ~) the answer is that with dynamic div ~ text divided into four pieces, around the image. The size of the picture and the size of the div provisions beforehand. To use js to calculate each div shows how many words. Like this, even if only a left float right float, can also realize the text around the image effect ~ effect:
code is as follows:


<! Doctype html> <Html> <Head> <Meta HTTP - equiv="content-type" Content="text/HTML; charset=utf-8"/> <Script type="text/javascript 'SRC=" http://code.jquery.com/jquery-1.10.0.min.js "> </script> <Title> Text around images </title> <Style> HTML, body {line, height: 20 px; Img.}. {background: url (" http://a4.att.hudong.com/00/27/01300000164784121809279645121.jpg "); Width: 300 px; Height: 200 px; Position: absolute; Left: 270 px; Top: 210 px;/* border: 1 px solid # CCC; */}. {m1 width: 840 px; Height: 200 px; Overflow: hidden; {}. M2 width: 260 px; Height: 230 px; Position: absolute; Left: 0 px; Top: 200 px; Overflow: hidden; }. M3 {width: 260 px; Height: 230 px; Position: absolute; Left: 580 px; Top: 200 px; }. M4 {position: absolute; Left: 0 px; Top: 422 px; Width: 840 px; Height: 200 px}. LBL {width: 840 px; Position: relative; Clear: both; }. {c display: none; P {} padding: 0 px; Margin: 0 px; } </style> </head> <Div class="LBL clearx >" <Div class="m1 clearx >" </div> <Div class="m2 clearx >" </div> <Div class="m3 clearx >" </div> <Div class="m4 clearx >" </div> <Div class="img" > </div> </div> <Div class="c" > In 1815, when napoleon into exile on Elba, a young and successful merchant sailor edmond · Tang Tai, captain in the Clare dying moment accepted the captain's command, and returned to his hometown in marseille to marry his fiancee beautiful silk. Clare, a supporter of napoleon, and commanded Tang Tai shipping two items, one is located on the island of Elba to Marshall · Bertrand package, send a from Elba give a mystery man of letters living in Paris. The mysterious letters make Tang Tai two jealous of his friend, at the suggestion of another friend accused Tang Tai treason. Marseille chief prosecutor WeiErFu, although peacetime integrity, start Tang Tai sympathy, but to see the letters is the mystery of the recipient, after his father without investigation and ruling Tang Tai, life in prison in sea island prison in the chateau d 'if, and the cigarette the letter as evidence at the same time. In his prisoner in the chateau d 'if fourteen years, he and Abel · Faria became friends, a claim that has a lot of treasures and tries to dig tunnels old prisoner escape from prison. Method learned professors in Tang Tai, leah will life and death will hide in the monte cristo treasure before told to Tang Tai. Faria died in 1829, Tang Tai si he dress up faria's body fled the chateau d 'if, and was a smuggler to rescued, after working with smugglers for several months, he come to monte cristo, he pretended to the injured, and persuade smuggler temporarily put him at monte cristo, took advantage of this period of time to treasure hidden place. After finding the treasure, Tang Tai returned home to marseille, learned that his father die of poverty was down and out; He built a boat, will the rest of the treasure hidden in the ship, and then to the tower of Tuscan government takeover of monte cristo and the earl of title. Back to marseille, Tang Tai began to plan his revenge, but before that, he helped some helped him before his imprisonment. In 1815, when napoleon into exile on Elba, a young and successful merchant sailor edmond · Tang Tai, captain in the Clare dying moment accepted the captain's command, and returned to his hometown in marseille to marry his fiancee beautiful silk. Clare, a supporter of napoleon, and commanded Tang Tai shipping two items, one is located on the island of Elba to Marshall · Bertrand package, send a from Elba give a mystery man of letters living in Paris. The mysterious letters make Tang Tai two jealous of his friend, at the suggestion of another friend accused Tang Tai treason. Marseille chief prosecutor WeiErFu, although peacetime integrity, start Tang Tai sympathy, but to see the letters is the mystery of the recipient, after his father without investigation and ruling Tang Tai, life in prison in sea island prison in the chateau d 'if, and the cigarette the letter as evidence at the same time. In his prisoner in the chateau d 'if fourteen years, he and Abel · Faria became friends, a claim that has a lot of treasures and tries to dig tunnels old prisoner escape from prison. Method learned professors in Tang Tai, leah will life and death will hide in the monte cristo treasure before told to Tang Tai. Faria died in 1829, Tang Tai si he dress up faria's body fled the chateau d 'if, and was a smuggler to rescued, after working with smugglers for several months, he come to monte cristo, he pretended to the injured, and persuade smuggler temporarily put him at monte cristo, took advantage of this period of time to treasure hidden place. After finding the treasure, Tang Tai returned home to marseille, learned that his father die of poverty was down and out; He built a boat, will the rest of the treasure hidden in the ship, and then to the tower of Tuscan government takeover of monte cristo and the earl of title. Back to marseille, Tang Tai began to plan his revenge, but before that, he helped some helped him before his imprisonment. </div> <Body> </body> <The script type="text/javascript" > Var c=$(" c "). The HTML (); Var length=5 for (var; k=1 k <length; k++) {c=set (a, c, k==length - 1 k); } the function set, the value, the index, FLG) {var val=""; Var v=null; Var element=$(" m "+ index); Element. In HTML ("

"+ value +"

"); Var element2=element. The find (" p "); If (FLG) {return ""; } while (element height () <element2. Height ()) {v=element2. HTML (); V=v. ubstring (0, v.l ength - 1); Element2. HTML (v); } val=value. The replace (new RegExp (" ^ "+ v)," "); Return val. } </script> </html> There is an interesting column design, CSS3: http://ued.ctrip.com/blog/wp-content/webkitcss/demo/column.html


This concludes the body part