当前位置:首页 > 实用技巧 >

html怎么把文字并排(html怎么让同一行字左右分开)

来源:原点资讯(www.yd166.com)时间:2023-04-28 17:50:02作者:YD166手机阅读>>

如有下面的中英文是交错排版的:

html怎么把文字并排,html怎么让同一行字左右分开(1)

需要调整为并排排版,效果如下:

html怎么把文字并排,html怎么让同一行字左右分开(2)

首先将交错排版的文本复制到Excel,如下:

html怎么把文字并排,html怎么让同一行字左右分开(3)

编写VBA代码,将英文、中文分别放到单独的一列,并添加HTML代码,代码如下:

Sub 中英文并排显示()

Dim RowN As Long

Dim i As Long

Dim j As Long

j = 0

RowN = Cells(Rows.Count, "A").End(xlUp).Row

For i = 1 To RowN Step 1

j = i * 2 - 1

ActiveSheet.Range("D" & i).Value = Range("A" & j).Value

ActiveSheet.Range("E" & i).Value = Range("A" & i * 2).Value

Next

For i = 1 To RowN / 2 Step 1

ActiveSheet.Range("F" & i).FormulaR1C1 = _

"=CONCATENATE(""<div class='layout'><p>"",RC[-2],""</p>"",""<p>"",RC[-1],""</p>"",""</div>"")"

Next

Range("F1:F" & (RowN / 2)).Select

End Sub

运行VBA代码后,Excel数据效果如下:

html怎么把文字并排,html怎么让同一行字左右分开(4)

将F列的数据复制到html文档,并编写CSS代码,即可达到上述并排显示中英文的效果。

CSS代码细节请见:


-End-

栏目热文

html中怎么把文字写在同一排(html怎么两排文字变一排)

html中怎么把文字写在同一排(html怎么两排文字变一排)

现在这个社会最害怕的是什么,无非是纸上谈兵这样的人,你对问题的见解,你对事情的看法都有很多独到的解释,但是真正地让你带...

2023-04-28 18:02:58查看全文 >>

html怎么把文字放在最下边(html怎么把字体放到最右边)

html怎么把文字放在最下边(html怎么把字体放到最右边)

1、 结构一、标记<Html> 建立HTML文档<Head> 设置网页头部和其它信息<Bo...

2023-04-28 17:59:35查看全文 >>

html中将文字放在左右两边(html怎么把字放在最中间)

html中将文字放在左右两边(html怎么把字放在最中间)

使用场景:接到任务,需要在WEB ERP系统上,实现一个核对平台与ERP订单数量的问题,大概的结构是,左边是显示ERP订...

2023-04-28 18:14:48查看全文 >>

html如何并排放字(html中怎样让文字并排)

html如何并排放字(html中怎样让文字并排)

HTML教程 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网...

2023-04-28 18:26:52查看全文 >>

html怎么把文字放在中间(html如何使文字在指定位置)

html怎么把文字放在中间(html如何使文字在指定位置)

居中,是我们编码过程中最常见的,那么,我们平时常见的居中方式,下面一一罗列出来,有错误的地方,望码友多多包涵并加以矫正。...

2023-04-28 17:55:22查看全文 >>

html如何将文字并排(html中怎样让文字并排)

html如何将文字并排(html中怎样让文字并排)

Html的主体结构标签的分类标签的关系sublime快捷键单标签双标签路径超链接额外知识运用锚点空连接超链接的优化写法 ...

2023-04-28 17:48:23查看全文 >>

html列表怎么并排(html怎么让两个内容并排)

html列表怎么并排(html怎么让两个内容并排)

学习目标了解常用浏览器掌握web标准理解标签语义化掌握常用的排版标签掌握常用的文本格式化图像链接等标签掌握三种列表标签掌...

2023-04-28 17:42:05查看全文 >>

html怎么把文字放在最右边(html怎么把文字放在图像右边)

html怎么把文字放在最右边(html怎么把文字放在图像右边)

最近遇到了一个效果:实现个数不等的中文对齐或等宽,于是整理了一下,包括自己搜索到的以及同事提供的方法。实现方法如下所示:...

2023-04-28 18:04:00查看全文 >>

html怎么把文字放最下面(html怎么把字放在最中间)

html怎么把文字放最下面(html怎么把字放在最中间)

HTML5学堂(码匠):在项目中,时常能看到了一种文字展示的特殊效果——首字下沉(如图)。于是花了几分钟考虑了一下使用方...

2023-04-28 18:21:28查看全文 >>

html怎么让字在同一行(html怎么让在下一行的字靠在一起)

html怎么让字在同一行(html怎么让在下一行的字靠在一起)

1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素?行内元素:和有他元素都在一行上,高度、行高及外边距和内...

2023-04-28 17:43:18查看全文 >>

文档排行