Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.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 使用css在%处居中显示文本_Html_Css - Fatal编程技术网

Html 使用css在%处居中显示文本

Html 使用css在%处居中显示文本,html,css,Html,Css,如果使用文本对齐:居中;然后我可以像这样将文本居中 但我想将文本集中在75%或X%的位置,以便实现以下目标: 如何使用css实现这一点 编辑: 使用left:75%或margin left:75%渲染如下内容: 您可以混合使用边距和translateX: .测量{ 宽度:75%; 右边框:1px纯红; 框大小:边框框; 高度:10px; } 跨度{ 剩余利润:75%;/*您的75%*/ 变换:translateX-50%;/*居中*/ 显示:内联块; } 75%将内容物放在一个留有50%左右

如果使用文本对齐:居中;然后我可以像这样将文本居中

但我想将文本集中在75%或X%的位置,以便实现以下目标:

如何使用css实现这一点

编辑:

使用left:75%或margin left:75%渲染如下内容:


您可以混合使用边距和translateX:

.测量{ 宽度:75%; 右边框:1px纯红; 框大小:边框框; 高度:10px; } 跨度{ 剩余利润:75%;/*您的75%*/ 变换:translateX-50%;/*居中*/ 显示:内联块; }
75%将内容物放在一个留有50%左右边距的容器中,然后将其置于该容器的中心

正文{margin:0;padding:0;} div{文本对齐:居中;边距:0 50%; 边框:1px实心00c;}
例如左边距、左边距、左边填充、弯曲。在很多方面,标记和css当前看起来是什么样子?因此这不再称为centerYou可以使用@Temaniaf如果我希望文本以75%的速度居中w.r.t.到axis添加边框以显示方框布局。