网页制作 div问题

来源：百度知道 编辑：UC知道 时间：2024/06/08 04:55:44
如何将图片旁边竖着的文字紧贴图片？
相关html代码如下

<DIV style="BORDER-TOP-WIDTH: medium; BORDER-LEFT-WIDTH: medium; BORDER-BOTTOM-WIDTH: medium; MARGIN-LEFT: 650px; BORDER-RIGHT-WIDTH: medium"><SPAN style="COLOR: #c8a078">
<P align=center><SPAN style="COLOR: #c8a078">  </SPAN></SPAN></SPAN></SPAN></P></DIV></TD>
<TD style="VERTICAL-ALIGN: top; WIDTH: 30px">
<P>N</P>
<P>a</P>
<P>m</P>
<P>e</P>
<P>:</P>
<P>V</P>
<P>e</P>
<P>i</P>
<BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px">
<P> </P></BLOCKQUOTE></TD>
<TD style="VERTICAL-ALIGN: top; WIDTH: 210px">
<P>P</P>
<P>l</P>
<P>a</P>
<P>c</P>

你没有必要用这么多的P标签吧？~~~

用div的class比较好
<div class=zx>这是一个纵向排列的行</div>

.zx 如下定义

.zx {writing-mode:tb-rl;text-align:left;}

仅仅对IE有效 FF只能限制div宽度并用wordbreak强制换行

晕，做个网页都这么难，用网页三剑客比较直观。

这个代码里并没有图片的代码哦

表现和内容混在一起了...

aaaaaa