Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使跨距从另一侧增加宽度。_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 如何使跨距从另一侧增加宽度。

Html 如何使跨距从另一侧增加宽度。

html css

Html 如何使跨距从另一侧增加宽度。,html,css,Html,Css,我有一个span标签，里面有一个名字。当我更改名称时，我希望名称的开头移动时，名称的结尾保持在同一位置。假设我有一个跨度，名字是Eric <span>Eric</span> ------Eric------ 埃里克 ------埃里克------ 当我把名字改为Johnathan时，C的位置现在是N的位置，名字的其余部分向后延伸 <span>Johnathan</span> -Johnathan------ 约翰纳森 -约翰纳森-----

我有一个span标签，里面有一个名字。当我更改名称时，我希望名称的开头移动时，名称的结尾保持在同一位置。假设我有一个跨度，名字是Eric

<span>Eric</span>

------Eric------
埃里克 ------埃里克------ 当我把名字改为Johnathan时，C的位置现在是N的位置，名字的其余部分向后延伸

<span>Johnathan</span>

-Johnathan------
约翰纳森 -约翰纳森------ 它通常会添加到另一面，如下所示：

<span>Eric</span>

------Eric------


<span>Johnathan</span> 

------Johnathan-
埃里克 ------埃里克------ 约翰纳森 ------约翰纳森-
如果跨距的宽度大于文本，只需执行
文本对齐：右
，否则可以
浮动：右
跨距，使宽度从左侧增加。（这将起作用，但取决于布局的其余部分）。

span
是一个
内联
元素，因此不能更改其
宽度

您可以使用
div
或将
span
的
显示样式更改为“内联块”


<span style="display:inline-block; width:100px; text-align:right;">Eric</span>


埃里克

@JoshC感谢您的编辑，通过手机回答，因此无法正确格式化。：）