網站制作用CSS創建豎排文字的四種方法
2010/12/20 16:16:14
方法一:使用 ems(推薦做法)
網站制作當給父級元素指定 overflow: hidden 的時候,父元素就會擴展以包含浮動? 這個方法就類似這個,關鍵是使用了 em,并給每個字母之間添加了空格。漂亮又整潔,對不對?并且,這種方法可以給你的文字指定任意的font-size,因為我們使用了em,它就相當于選擇字體的x-height,給我們提供了更多的靈活性。但是,你是否又一次想起,有時一行中會有不止一個字母。可實際情況是,你可以安全使用這種方法,因為我已經指定了一個相當大的letter-spacing,以確保一行只會有一個字母。
到目前為止,據我所知,這是最好的跨瀏覽器兼容的解決方案
方法二:靜態包裹
通過這個方法,我們將每個字母包裹在一個span中,然后在CSS中設置它的display屬性為block。這種方法的問題是,除了可怕的標簽外,它需要你手工去給每個字母用span括起來。如果這些文字是由CMS動態生成的,那就別用這種方法了。
方法三:。<br/>標簽
一種可能的方法(但不推薦)是在每個字母后面添加<br />標簽來實現豎排文字
方法四:給容器指定一個寬度
如果可能的話,網站制作遠離JavaScript吧。如果我們給容器元素指定一個寬度,并強迫文字換行,如何?那是可以的。在這個方法中,我們給h1定義很窄的寬度,然后是其文字的寬度等于外圍的寬度,最后設置word-wrap 等于 break-word,這樣我們就可以強制每個字母單獨在一行。不過需要注意的是, break-word是一個CSS3的屬性,并不是所有瀏覽器都兼容。如果排除舊瀏覽器的話,這個問題貌似就可以解決了。。。
返回列表
返回首頁
主站蜘蛛池模板:
无码一区二区三区中文字幕|
澳门开奖结果2023开奖记录今晚直播视频|
最近在线2018视频免费观看|
人人狠狠综合久久亚洲|
老司机福利在线观看|
国产成人十八黄网片|
4399影视免费观看高清直播|
女的张开腿让男人桶爽30分钟|
中日韩欧美视频|
日韩大片在线永久免费观看网站|
免费看三级毛片|
良妇露脸附生活照15|
国产大片内射1区2区|
777精品成人影院|
国产美女在线免费观看|
aⅴ在线免费观看|
小猪视频免费网|
中文字幕人妻偷伦在线视频|
日本理论片www视频|
九九精品99久久久香蕉|
欧美性猛交xxxx乱大交中文|
亚洲精品成人av在线|
看免费毛片天天看|
午夜免费福利在线|
色偷偷www8888|
国产亚洲人成网站在线观看|
黄瓜视频在线播放|
国产欧美另类久久精品蜜芽
|
xxxx国产视频|
成人无码免费一区二区三区|
久久www视频|
日本按摩高潮a级中文片|
久久精品女人天堂AV免费观看|
樱花草在线社区www|
亚洲国产欧美国产综合一区|
欧美高清在线精品一区|
亚洲精品电影在线|
特级毛片爽www免费版|
免费v片在线观看品善网|
精品国产成人亚洲午夜福利|
又黄又爽又色的黄裸乳视频|