加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 18:51:19 所属栏目:资源 来源:网络整理
导读:我有一个html页面,如下所示: 我想在左窗格中显示一些文本,但问题是文本应该在椭圆形区域内.我该如何实现?请注意,椭圆形图像是背景图像,但是如果需要,我也可以使用 img如果它有帮助的标签.一个跛脚的方式是使用 p标签与填充,但这不是一个有效的方式,所以建
我有一个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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读