javascript - 如何在HTML中的div中逐行显示文本

标签 javascript css html

我有一个带有文本 div 的 html 页面,我希望在加载页面时文本应该逐行显示。我已经尝试了很多教程,但不知道如何做到这一点

我已经编辑了代码,现在它工作正常,但它在幻灯片中一次出现在所有文本上我想在 div 的每个文本之后休息一下。

               <div class="text_paragraph">
                <marquee direction="down" behavior="slide">

                <p>Bovine Respiratory Disease (BRD) is the leading cause of economic loss in the beef industry. <small>1, 2</small>
                    </p>
                 </marquee>
            </div>
            <div class="text_paragraph_1">
                <marquee direction="down" behavior="slide">

                <b>Economic loss:</b>
                <ul><li>Costs the industry an estimated $1 billion each year. <small>3, 4</small></li>
                    <li>Losses can be attributed to death, reduced feed and treatment costs.<small>3,4</small></li>
                    <li>Economic losses range from an estimated $57.48 to $239.69 per head. <small>1, 2</small></li>
                </ul>

            </marquee>        
            </div>
            <div class="text_paragraph_2">
                <marquee direction="down" behavior="slide">

                <b>Bacterial Culprits:</b>
                <p>Four bacterial pathogens are commonly associated with BRD. </p>
                <ul><li>Mannheimia haemolytica</li>
                    <li>Pasteurella multocida</li>
                    <li>Histophilus somni</li>
                    <li>Mycoplasma bovis </li></ul>
                    </marquee>

            </div>

最佳答案

使用 break 标签,因为 break 标签插入一个换行符。

   <br/>

关于javascript - 如何在HTML中的div中逐行显示文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10294181/

相关文章:

css - 防止 span 与 div 重叠

php - 使用 PHP 在多个页面上存储数据

javascript - Xpath 到 CSS 转换

css - 样式化组件/ react /语义/ Prop 和计算

css - 根据目标对比度缩放颜色

jquery - CSS/HTML : how to make something become absolute positioned once you scroll by it

javascript - Ember JS,补丁记录 REST 适配器

javascript - jQuery text() 和换行符

javascript - 默认 ckeditor 配置中缺少字体标签

javascript - 单击添加/删除隐藏的溢出