Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.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
Css 如何从左到右显示文本_Css - Fatal编程技术网

Css 如何从左到右显示文本

Css 如何从左到右显示文本,css,Css,我必须展示一个问题如下: 但我无法对齐答案标签,因为它们的大小不同,我得到的结果如下: 那么,如何使文本如第一个屏幕截图所示从左向右书写?尝试将下面的CSS添加到标签标签中 label{ display:inline-block; width:120px; text-align:right; } 或者对第一列使用具有border=“0”属性和align=“right”的表格我建议您使用表格(默认情况下,列自动调整大小),以便轻松创建此布局: 表格{ 显示:内

我必须展示一个问题如下:

但我无法对齐答案标签,因为它们的大小不同,我得到的结果如下:


那么,如何使文本如第一个屏幕截图所示从左向右书写?

尝试将下面的CSS添加到标签标签中

 label{
    display:inline-block; 
    width:120px;
    text-align:right;
 }

或者对第一列使用具有border=“0”属性和align=“right”的表格

我建议您使用表格(默认情况下,列自动调整大小),以便轻松创建此布局:

表格{
显示:内联块;
背景:#eee;
边界塌陷:塌陷;
}
表tr td:第一种类型{
文本对齐:右对齐;
}
表td{
位置:相对位置;
填充:8px 12px;
垂直对齐:中间对齐;
/*添加边框仅用于查看单元格*/
边框:0实心#ccc;
边框宽度:2px 1px;
}

结构基金会:
是的
不
义务:
是的
不
保证行动:
是的
不
.main{
宽度:100%;
显示:内联块;
填充:10px;
}
.内容{
填充:20px;
}
.text_col{
宽度:50%;
浮动:左;
填充:0px 10px;
框大小:边框框;
}
.input_col{
宽度:20%;
浮动:左;
填充:0px 10px;
框大小:边框框;
}
.text_col p{
文本对齐:右对齐;
边际:0px;
}


近亲:

对 不 性别:

对 不 与近亲的关系:

对 不
嘿。有多种方法可以做到这一点。。。你支持什么浏览器?也许最简单的方法是使用表,但是flexbox也是一个很好的解决方案。你能提供一些代码吗?到目前为止你得到了什么?请告诉我们你是如何尝试制作3列html表格的。在第一列中,将“左对齐”和“右对齐”设置为默认值。寻求代码帮助的问题必须包含在问题本身中复制代码所需的最短代码,最好是在一个文本中。看见