利用dbo标签快速实现文字内容倒序输出

最新推荐文章于 2022-11-09 13:38:28 发布
最新推荐文章于 2022-11-09 13:38:28 发布
阅读量295 收藏
点赞数
分类专栏： 前端知识零碎 文章标签： javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40073115/article/details/103668497
版权

在html页面上有时某些特殊情况下需要将字符串倒序输出，大多数都是用js进行处理后给页面，利用dbo标签也可以在页面上直接倒序处理

 <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body>
        <bdo dir="rtl">上海自来水来自海上</bdo>
        <bdo dir="ltr">abcba</bdo>
    </body>
    </html>

输出结果

在这里插入图片描述

含义：覆盖标签内文本的显示方向
是一个行内元素
有一个属性dir，两个值：
rtl: right to left（默认）
ltr: left to right

guocongcong-cc
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html中字符串反序输出,对String字符串进行反序输出
weixin_29373995的博客
07-03 341
对String字符串进行反序输出对String字符串进行反序输出//1. 使用数组循环public static String array(String s){int length=s.length();char[] array=s.toCharArray();for(int i=0;iarray[i]=s.charAt(length-1-i);array[length-1-i]=s.charAt...
html中的js数组倒序输出字符串,数组js 逆序的几种方法
weixin_39559486的博客
06-18 651
1.通过split和数组的逆序输出var num = 123;//输出应该是 3 2 1num = num +”; //方便split函数var arr = num.split(”);for(var i=arr.length-1;i>=0;i–){console.log(arr[i]); //通过数组i的倒序调用，实现结果的倒序输出。}2.通过split和reversefunction ba...
将字符串倒置
qq_35660654的博客
11-09 1265
编程将字符串s倒序输出。**输入格式要求："%s" 提示信息："input your string:\n"**输出格式要求："%c"程序运行的输入输出样例：屏幕先输出提示信息：然后用户键盘输入：abcdefg最后屏幕输出：gfedcba。
字符串反序，逆序输出字符串
weixin_30567225的博客
03-16 260
要注意\0问题。 在下面++，而不是在while中++。 --j。但是也不对，会把\0结束符弄到前面。 改为： #include "stdafx.h" void Reverse(char str[]) { int i=0,j=0; char c=0; while(str[j]) ++j; whi...
HTML5 第007篇 ＜br/＞、＜button＞和＜bdo＞标签
ml_YSY的博客
11-06 433
>1<br/>标签 <br/> 标签用来对文档中的文本进行换行的处理。 <br/> 标签插入一个简单的换行符。 <br/> 标签是一个空标签[单标签]，意味着它没有结束标签。 >2 <button></button>标签 <button> 标签定义一个按钮。 <button> 元素内部，可以放置内容，比如文本或图像。 这是该元素与使用 <input> 元素创建的按钮之间的不..
MATLAB实现DBO-BP蜣螂算法优化BP神经网络多输入单输出回归预测（完整源码和数据）
01-01
MATLAB实现DBO-BP多输入单输出回归预测（完整源码和数据） 蜣螂算法优化BP神经网络多输入回归预测，数据为多输入回归数据，输入2个特征，输出1个变量,程序乱码是由于版本不一致导致，可以用记事本打开复制到你的文件...
Sql Server 如何去掉内容里面的Html标签
01-19
分享一个方法，去掉内容里的Html标签，测试数据： DECLARE @str NVARCHAR(max)=' <!DOCTYPE html> <html> <head> </head> <body> 哈哈哈 </body> </html> '  方法如下：...
Python实现CEEMDAN-DBO-VMD-DBO-LSTM时间序列预测（完整源码和数据)
最新发布
02-25
1.Python实现CEEMDAN-DBO-VMD-DBO-LSTM时间序列预测（完整源码和数据) anaconda + pycharm + python +Tensorflow 注意事项：保姆级注释，几乎一行一注释，方便小白入门学习！ 2.代码特点：参数化编程、参数可方便...
SVM分类基于蜣螂优化算法DBO优化支持向量机SVM实现数据分类预测
02-02
### SVM分类基于蜣螂优化算法(DBO)优化支持向量机(SVM)实现数据分类预测 #### 一、概述 支持向量机(Support Vector Machine, SVM)是一种广泛应用于模式识别与回归分析的监督学习方法。它通过在高维或无限维空间中...
为什么html里的dbo标签后加入数字会在更改字符朝向的基础上颠倒顺序
Prague_hyy的博客
08-01 361
在总结之前的学习的时候突然发现了这个问题。 dbo作为一个更改字符朝向的标签，在标签结束后加入数字会颠倒顺序 倘若在之后再加入一个dbo标签，第二个甚至会跑到第一个前面去(用的是WebStorm8.0.3版本) 百度了好久都找不到原因，望大神指教一下。 ありがとうございます！ ...
HTML5学习（08）列表/菜单列表/文本显示方向
qq_33240767的博客
09-10 908
HTML分为有序列表、无序列表、定义列表三种列表方式，都是通过&lt;li&gt;标签来配合使用；   有序列表标签&lt;ol&gt;：标签中各个列表项使用编号排序，列表中所有的项都有先后顺序，一般采用数字或者字母作为顺序号。   主要属性： compact：紧凑型，表示列表显示得比正常情况下小一点； start：起始编号,可以通过设置此属性设置显示的起始编号； type：列表类型，a...
HTML<bdo>标签控制文本输出方向
年少不知植发贵的博客
07-28 883
&lt;p&gt; 如果您的浏览器支持 bi-directional override (bdo)，下一行会从右向左输出 (rtl)； &lt;/p&gt; &lt;bdo dir="rtl"&gt; Here is some Hebrew text &lt;/bdo&gt; rtl是指right to left从右向左输出 ltr是指left to right从左向右输出...
html-给ol添加reversed属性反向排序
幸福有多远
03-15 2691
html &lt;ol reversed&gt; &lt;li&gt;少熬夜&lt;/li&gt; &lt;li&gt;多运动&lt;/li&gt; &lt;li&gt;记得笑&lt;/li&gt; &lt;/ol&gt;view
HTML5系列（2)--ol列表的新属性
bangfouwen7390的博客
12-30 183
两个新属性： start属性： start属性用来定义列表编号的起始位置，比如下面的代码，列表将从50开始51...55以此类推 <ol start="50"> <li>首页</li> <li>阅览室</li> <li>我的</li> ...
关于css中为什么ol标签不显示序号的解决办法
热门推荐
firstjie
08-15 1万+
html ol 和 ul 区别之一就是 ol 标签下面的 li 标签会自动带上序号，而是 ul 下面的 li 标签不会。 如果 ol li 标签没有序号，原因很简单， 就是你重置了 ol 标签的左内边距，即 padding-left 要使用 ol li 标签正常显示序号，必须保证 ol 标签有 20px 左右的左内边距，即 padding-left: 20px; 浏览器默认是会显示ol li
前端传入BO验证
waken的博客
01-04 457
当前端传入一个json格式的数据，后端转换为一个Bean后，需要对Bean进行验证判断传入参数的合法性和有效性。 springboot工程中自动为我们引入了validation-api，我们直接使用即可。 import lombok.Data; import org.hibernate.validator.constraints.Length; import javax.validatio...
SQL中导入/导出到其它类型中
银狐的专栏
04-10 1415
/*******  导出到excelEXEC master..xp_cmdshell bcp SettleDB.dbo.shanghu out c:/temp1.xls -c -q -S"GNETDATA/GNETDATA" -U"sa" -P""/***********  导入ExcelSELECT * FROM OpenDataSource( Microsoft.Jet.OLEDB.
js 让div元素倒序排列
全易
11-21 2824
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <ul class="container"> <li>我</li> <li>喜</...
HTML-预文本格式&计算机输出标签
grace666的专栏
07-19 6928
1.预文本格式标签： （1）用来定义预格式化的文本，被包围在此标签中的文本通常会保留空格和换行符，并且文本也会以等宽形式呈现 （2）一个常见的应用便是用来保存计算机中的源代码的文本。但是，需要注意的是， 可以导致段落断开的标签（例如标题、 和 标签）绝不能包含在 所定义的块里。 pre标签允许的文本可以包括物理样式和基于内容的样式变化，还有链接、图像和水平分隔线。 当把其他标签（比如 标
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值