字体的竖立显示的问题

crsun0032 2011-05-23 09:46:12

怎样让字体竖立的显示出来
也就是这样：

初

审

意

见

注意咯要控制显示每个字体之间的距离以及控制整个字体的左中右的排列

...全文

438 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

xiaoxiaoo7 2011-05-25

打赏
举报

兼容火狐的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

span {float:right; width:1em; text-align:center; word-wrap:break-word; color:#fff; background:#777; margin:0 5px;}

</style>

<script type="text/javascript">

function shupai(eid) {

var p = document.getElementById(eid);

var str=p.innerHTML.replace(/<[^>]+>/gi,"");

var arr = str.replace(/(.{1,10})/g,"<span>$1</span>");

p.innerHTML = arr;

}

window.onload = function() {shupai("test");}

</script>

</head>



<body>

    <p id="test">初审意见 </p>

</body>

</html>

EdwardLong 2011-05-24

打赏
举报

[Quote=引用 1 楼 net_lover 的回复:]

<div style="writing-mode:tb-rl;letter-spacing:2em">初审意见</div>
[/Quote]

这个加入宽度的控制和自动换行就可以了

<div style="writing-mode:tb-rl;letter-spacing:2em;word-wrap: break-word;
word-break: normal; width:20px;">初审意见</div>

zou_changcheng123 2011-05-24