Html 我可以在div内按像素使用文本对齐吗?

Html 我可以在div内按像素使用文本对齐吗?,html,css,text-align,Html,Css,Text Align,是否有任何方法可以在div中对齐文本,但不使用text align。我不想把它对准一个特定的位置(中间,左边等),但我想把它对准任何我想要的像素位置。例如,在中间和左边的值之间。另外,我不想在div中使用另一个元素 我看起来像这样: HTML 有什么想法吗?不,你不能,text align给出了文本对齐的一般行为,而px是一个测量单位,从逻辑上讲,220px不会告诉浏览器,屏幕220px的哪一侧是指……我建议使用或 编辑 要避免在div中出现标记,请使用: div#cont { wid

是否有任何方法可以在
div
中对齐文本,但不使用
text align
。我不想把它对准一个特定的位置(中间,左边等),但我想把它对准任何我想要的像素位置。例如,在中间和左边的值之间。另外,我不想在
div
中使用另一个元素

我看起来像这样:

HTML


有什么想法吗?

不,你不能,
text align
给出了文本对齐的一般行为,而
px
是一个测量单位,从逻辑上讲,
220px
不会告诉浏览器,屏幕220px的哪一侧是指……
我建议使用

编辑

要避免在
div
中出现
标记,请使用:

div#cont {
    width:300px;
    height:400px;
    padding-left:150px; /*left-right-top-bottom-depend on ur choice*/
    border:1px solid #000;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

如果您使用
边距
填充
对齐文本,如果您知道CSS框模型行为,它们也会增加元素的大小,因此如果您使用
填充
边距
对齐它们,请确保使用以下选项

div {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

以上将计算<代码>空白外部,但将考虑元素< <代码>填充> /代码>和<代码>边框< /代码>。

此外,如果您希望只对齐单个单词,最好使用
文本缩进
属性,该属性将文本缩进到您定义的特定
px


但这只会缩进第1行,因此如果您只有一个单词,那么这就足以满足您的需要,但是如果您想对齐多个元素,那么最好对每个单词使用
span
,然后使用
padding

缩进。您正在寻找
文本缩进吗

#div{
  text-indent: 220px;
}

左边填充应该可以做到这一点。您可以选择很多选项,
边距
(我的首选),
填充
,用span和
位置将其相对封闭。。etcDid您是否尝试使用
padding
?您能否澄清
220px
是否意味着您希望文本与左边缘保持220像素的左对齐?@laaposto太好了,在这种情况下,下面的一个答案应该可以使用。:)另外,我不想在div中使用另一个元素
div#cont {
    width:300px;
    height:400px;
    padding-left:150px; /*left-right-top-bottom-depend on ur choice*/
    border:1px solid #000;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
div {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}
#div{
  text-indent: 220px;
}