Html 我怎样才能把这篇文章一直放在左边？
编辑：下面是一个情况简介 好吧，我正在创建一个网页，但我遇到了一个令人恼火的字体怪癖。似乎无衬线字体拒绝精确地放在它们所在的框的左边缘 下面是一些实验性HTML来演示这个问题：Html 我怎样才能把这篇文章一直放在左边？,html,css,Html,Css,编辑：下面是一个情况简介 好吧，我正在创建一个网页，但我遇到了一个令人恼火的字体怪癖。似乎无衬线字体拒绝精确地放在它们所在的框的左边缘 下面是一些实验性HTML来演示这个问题： <html> <head> <style> .box { margin: 30px 0px 0px 30px; border: 1px solid #f00; } </style>
<html>
<head>
<style>
.box {
margin: 30px 0px 0px 30px;
border: 1px solid #f00;
}
</style>
</head>
<body style="font-size: 36px;">
<!-- text beginning with 'M', which has serifs protruding from the left side in a serif font -->
<div class="box" style="font-family: 'Segoe UI';">My text</div> <!-- sans-serif -->
<div class="box" style="font-family: 'Times New Roman';">My text</div> <!-- serif -->
<div class="box" style="font-family: 'Arial';">My text</div> <!-- sans-serif -->
<div class="box" style="font-family: 'Garamond';">My text</div> <!-- serif -->
<!-- text beginning with 'T', which has no left-protruding serifs in a serif font -->
<div class="box" style="font-family: 'Segoe UI';">Text</div> <!-- sans-serif -->
<div class="box" style="font-family: 'Times New Roman';">Text</div> <!-- serif -->
<div class="box" style="font-family: 'Arial';">Text</div> <!-- sans-serif -->
<div class="box" style="font-family: 'Garamond';">Text</div> <!-- serif -->
</body>
</html>
.盒子{
保证金：30px 0px 0px 30px；
边框：1px实心#f00；
}
我的文字
我的文字
我的文字
我的文字
正文
正文
正文
正文
我可以设置/修改CSS属性以使文本位于其容器的左边缘，这方面有什么想法吗？优雅地说，那就是-我真的不喜欢一个字符一个字符的解决方案。我不确定你的意思，但它可能是从M到其边界的“边距” 好吧，让我解释一下 每个字母都有固定大小的“盒子”。因此，如果字体的创建者不使用整个空间，则可能会出现这种效果！也就是说，除了编辑字体，你不能做任何事情来反对它 示例图片，您可以看到上M的距离。。。因此，如果你不让左边的M短划线弯曲，就把它笔直，就像在你的版本中一样，你的边框和M之间会有一个“间隙！”：） 您可以看到，如果选择文本，字符是正确的。“蓝色”选择将显示它与边框笔直，没有间隙，如果出现渲染或css错误，将不会发生什么
我希望我能帮助你回答这个问题。这是一个浏览器和/或操作系统特有的问题，因为我无法使用Chrome在mac上重现它。提供屏幕截图？然而，我会尝试一些类似文本缩进：-1px；我用“谷歌浏览器”和“Internet Explorer 8”成功地复制了它。我相信这和字体渲染有关，我很想知道为什么。我在IE9和Opera 11.62上看到了这一点。还有一个问题，文本缩进似乎不是我想要的。对于每个字母，文本都会不断向左移出容器-这对于已经处于正确位置的字母（例如，“P”）不起作用。