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

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

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

现在这个社会最害怕的是什么,无非是纸上谈兵这样的人,你对问题的见解,你对事情的看法都有很多独到的解释,但是真正地让你带一个项目,写一行代码的时候,短板就开始暴露,所以对于这样的情况一定要避免。以下内容就是关于HTML的用法介绍,希望对大家的基础提升有所帮助。

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

首先是最常用的<view>标签与<text>标签

<view>标签也就是盒子模型,在它的里面可以放其他所有标签,<text>标签里面可以写文字,但是我们也可以直接在<view>标签里面写文字。

<view>标签是单独占一行,但是<text>标签却在一行中有两个。

这里就不得不提到一个知识点:行内元素与块级元素。首先,HTML的排版是从上而下进行的,块级元素:不管它的内容有没有达到一整行,它都是会占据一整行,行内元素:不会单独占一行,只会占自己应占的长度,可以在一行中共存。

块级元素:div,p,form,ul,li,ol,dl,form,table

行内元素:span,strong,em,br,img,input,label,select,textarea

<image>标签

也就是图片,我们需要在标签中写上src,后面跟上它的地址,地址可以是本地地址,也可以是网络地址,网络地址写法如下图:

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

而本地地址就涉及到一个知识点了:相对路径与绝对路径。相对路径:以自己本身A文件为参照物,相对而言B文件所在的路径。可能大家暂时没懂啥意思,我们接着慢慢看,../两个点加一个斜杠,代表着返回上一层(相当于父母),./一个点加上一个斜杠代表同一层(相当于兄弟姐妹),这样大家就好理解多了吧~

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

这里我在images文件夹中添加了一个图片,但是我此时正在写代码的文件是demo.wxml,我要引入它,就是要返回到上一级的demo文件夹,然后返回到上一级的pages文件夹,找到同一级的images文件夹下的tupian1.png,那么我就应该src="../.././images/tupian1.png"。

而绝对路径就更好写了,直接用一个/表示绝对路径,我们直接src="/images/tupian1.png"就可以啦~

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

input标签

输入框,可以看到代码中的input标签中间并没有写任何文字,但是我们可以在左边随意输入,我们大家平时使用的登录账号,输入文字都是用这个实现的~

了解着HTML用法,提升自己的能力,是最好的成长。

栏目热文

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怎么让两段文字并排)

在前端对多个相同的标签元素进行有序的排列是非常常见的需求,当我们有多个相似功能出现在同一个区域时我们就需要合理的排列这些...

2023-04-28 17:41:00查看全文 >>

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

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

如有下面的中英文是交错排版的:需要调整为并排排版,效果如下:首先将交错排版的文本复制到Excel,如下:编写VBA代码,...

2023-04-28 17:50:02查看全文 >>

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查看全文 >>

文档排行