html – 包含椭圆形区域的文本

前端之家收集整理的这篇文章主要介绍了html – 包含椭圆形区域的文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个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;
}

JS:(当调用相应的函数时):

$("#questionDisp").fadeIn(1000);
$("#questionDisp").html(quesArr.q1);  //data read from xml

编辑:我需要的是一个div或高于椭圆形背景的东西,&文本应该适合.我正在从xml文件获取文本,所以不是我有一个固定的文本大小来显示

解决方法

csstextwrap实际上有一个 pure CSS/XHTML code generator,完全符合你的要求.

编辑:

这里的概念是在文本的任一侧上浮动< div>,以便您的内容被迫在它们之间“流动”.通过设置浮动的< div>的宽度,您可以创建各种级联的“模板”.

参见这里所示的概念:fiddle

猜你在找的HTML相关文章