9/22/2009

中文文字對齊,CSS justify

引用: CSS 中文文字對齊 (Wing R)

文字對齊要在td,div或p之類的tag中設定align="justify" 或用上css設定text-align:justify;

全文完

不對,單純英文文字對齊那是可行的,可是你在中文頁面上設定的話,你也會發現是沒有對齊的效果。由於這問題,早期的網頁是無法做出對齊效果。

中文對齊要利用CSS設定text-aligntext-justify的數值,text-justify是css 2.0以外的屬性,如果要通過w3c的話這一點要多加留意。

一般我自己也會設定成 .justify{ text-align:justify; text-justify: inter-ideograph;}

每當我想要對齊文字時我只要利用它一次就可以。

<div class="style01 justify"> Content <div>Sub Content</div> </div>

P.S.: 有一點需要注意,舊式的Browser支援justify效果不好,最常見的情況是當你的網頁中同時擁有Flash動畫,Div的scrolling內容,內容再加上justify。舊式的Browser會出現嚴重拖慢的情況。(部份css亦發生同樣情況)

另一個情況同是Div的scrolling內容,內容再加上justify,而Div內容中有一部份利用CSS Background設定。舊式的Browser在Scrolling上亦會出現嚴重拖慢的情況。

9/16/2009

Technology Website Design:Genius Link

Web Design

Website Design Theme: Informational & Technology

Keyword: Corporate, International
Color Usage: Green

Introduction:

Technology, Electronics & Communication Website Design:Genius Link International Limited

Genius Link International was established in 1984 with a team of creative, talented, daring and broadly experienced engineers assembled by the company's current managing director. Their mission was to create innovative, unique, practical and high-quality electronic products. Twenty years of hard work have seen Genius Link grow from simple digital watches to the 15 Language Voice Translator. Researched, developed and produced entirely in-house, this device entirely relies on outstanding engineering, procurement, marketing, and a factory capable of producing 200,000 high-quality products per month. This style of organization enables appropriate inspection and control of product quality as well as timely delivery. For this reason, Genius Link International has been recognized as a qualified supplier by international clients such as Brookstone, Sharper Image, Walmart, Target, Walgreens, Costco, Aldi, Lidu, Hexaglot, John Louis, Marks & Spenser, Li & Fung, Cathay Pacific, and others.


Smart-Info:Web Design and Web Hosting
Professional Customized Website Design
Website Design Demo:
Design Demo > Multimedia Design > Technology, Electronics & Communication Website
  • Web Page Design
  • Flash Animation
  • Product Content Management
  • Product Flash Presentation

iweb 網頁設計公司:Web Design,SEO Company | Smart-Info網頁設計: Web Hosting,Web Design