如果單純針對ie8以下瀏覽器,css可以使用layout-flow :vertical-ideographic;進行豎著顯示;其他瀏覽器如火狐,Chrome等都不支援該css屬性,它也不是w3的標準屬性;
目前來看,針對豎著排版html文字,沒有太好的解決辦法,給出的靜態文字方案有一個字寬的div,然後都右浮動:p{ width:1em;font-size:30px;letter-spacing:1em;word-break:break-all;}它的問題是文字要固定;另一種透過js,拆分文字,也弄成一字寬的標籤,進行排列(中英文顯示也是個問題),但是總的來說,都不是好的解決辦法;
html5和css3也沒有直接的屬性,它只有旋轉屬性rotate,不過文字都倒著,閱讀都很不方便;
分析到最後,都沒有好太好方案,儘量少用,實在沒辦法,儘量用js來模擬控制,豎排文字常見是古代中國書籍排版,如果有一天是華人開發css國際標準,或許會標準性支援它。
如果單純針對ie8以下瀏覽器,css可以使用layout-flow :vertical-ideographic;進行豎著顯示;其他瀏覽器如火狐,Chrome等都不支援該css屬性,它也不是w3的標準屬性;
目前來看,針對豎著排版html文字,沒有太好的解決辦法,給出的靜態文字方案有一個字寬的div,然後都右浮動:p{ width:1em;font-size:30px;letter-spacing:1em;word-break:break-all;}它的問題是文字要固定;另一種透過js,拆分文字,也弄成一字寬的標籤,進行排列(中英文顯示也是個問題),但是總的來說,都不是好的解決辦法;
html5和css3也沒有直接的屬性,它只有旋轉屬性rotate,不過文字都倒著,閱讀都很不方便;
分析到最後,都沒有好太好方案,儘量少用,實在沒辦法,儘量用js來模擬控制,豎排文字常見是古代中國書籍排版,如果有一天是華人開發css國際標準,或許會標準性支援它。