html中用float,position:relative或table都能实现两个元素显示在同一行,那最好用哪个呢

您需要了解一下html和css。

【***********************************************************】

float和position为css的属性，table是html的一个标签。

【***********************************************************】

一、【float】

float是CSS的浮动属性，常用到的有左浮动：float:left;，右浮动：float:right;。

如下图红色框内的文字，就是用到了浮动属性float:left;（左浮动）

【**************************分割线********************************】

【**************************分割线********************************】

二、【position】

position是css的定位属性，而position:relative只是其中的一个相对定位属性，还有相对于父级元素的绝对定位属性：position:absolute;当然还有相对于浏览器左上角的position:fixed;的绝对定位属性。如下图的例子红框区，就是用到position:fixed;相对于浏览器的绝对定位属性：

【**************************分割线********************************】

【**************************分割线********************************】

三、【table】

table就是表格，是html语言中的一个标签，在早期的网页界面设计中，常用来做布局，通俗点也就是用来组织网页的外形结构。

这个就不举图例了，因为您随便打开一个网页，首选看到的就是网页的形状结构。

在早期的网页中，table很常用。但现在table布局已经落伍。90%以上的网站是使用div+CSS布局。

四、【实现两个元素在同一行显示】

html元素分为块级元素和非块级元素，块级元素每个都要独占一行，而多个非块级元素写在一起也只占用一行。

楼主所说的三个方法是可以实现两个块级元素在同一行显示，但是这些一般都只能使用在特定的环境。所以没有哪个最好。html和css还有很多种方法使两个块级元素在同一行显示。

建议您去标准之路学习一下css，学习css的过程中还可以顺便学会基本的html。

html和css都是简单易懂的标签语言

一般情况用float吧 好用 易于优化

Vue实践-CSS样式position/display/float属性对比使用