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;
}