我有一个html页面,如下所示:
我想在左窗格中显示一些文本,但问题是文本应该在椭圆形区域内.我该如何实现?请注意,椭圆形图像是背景图像,但是如果需要,我也可以使用< img>如果它有帮助的标签.一个跛脚的方式是使用< p>标签与填充,但这不是一个有效的方式,所以建议一些好的方法.
编辑:HTML:
<div id="leftStage" class="rounded-corners"> <div id="questionDisp" align="center"> </div> </div>
CSS:
#leftStage { position: relative; width: 34%; height:86%; float: left; } #questionDisp { display:none; }
$("#questionDisp").fadeIn(1000); $("#questionDisp").html(quesArr.q1); //data read from xml
编辑:我需要的是一个div或高于椭圆形背景的东西,&文本应该适合.我正在从xml文件中获取文本,所以不是我有一个固定的文本大小来显示
解决方法
csstextwrap实际上有一个
pure CSS/XHTML code generator,完全符合你的要求.
编辑:
这里的概念是在文本的任一侧上浮动< div>,以便您的内容被迫在它们之间“流动”.通过设置浮动的< div>的宽度,您可以创建各种级联的“模板”.
参见这里所示的概念:fiddle