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 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |