<分区>
编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem .这将有助于其他人回答问题。
关闭 7 年前。
标签 html css text-align
<分区>
编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem .这将有助于其他人回答问题。
关闭 7 年前。
我正在寻找一个选项来将文本按宽度的特定百分比对齐。
这将是一个文本未在中心或左侧对齐的 div。它需要介于两者之间。
我不确定是否有一种简单的方法可以做到这一点，但她是一个更好地解释它的例子。
div 的宽度不变，但文本会发生变化。
短文本应该在线下方对齐，但是当文本变大时，它会像通常居中时一样展开，直到右侧只有空间。然后它的行为就像正常的左对齐文本。
如果这样的事情是可能的，那就太好了:
文本对齐:30%;
example with long text
最佳答案
为什么不使用左边距？
.text-to-align {
padding-left: 30%;
}
这是一个有效的 jsfiddle 示例: https://jsfiddle.net/umw5mrde/1/
更新:问题已更新，这里是修改后的答案以匹配它: 我发现没有办法用纯 css 来做，但是有一个使用 javascript 和 jquery 的解决方案。它从父宽度的 30% 中减去标签宽度的 30%。该值分配给标签的左填充。
$(".text-to-align").each(function(index) {
var padding = ($(this).parent().width() - ($(this).width())) * 0.3 + "px";
// alert(padding);
$(this).css("padding-left", padding);
});
工作 jsfiddle 示例: https://jsfiddle.net/umw5mrde/2/
但是你绝对应该避免它。当您的设计复杂到需要 javascript 时，请更改它。
关于html - css 文本对齐 30%，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33860020/