如何使用CSS向左移动文本？
如何使用CSS向左移动文本？
提问于 2015-06-05 06:40:45
我有一些在span元素中的文本，我希望左对齐它，而不是它现在的居中方式。我试着用CSS给右边和文本中心留一个空白处，但这行不通。你能告诉我怎么做吗？我想要左边的文本是"(Jag arbetade: 4-6 timmar/vecka)“，现在如果您查看我的小提琴，它将呈现为居中。
我想要修改的代码是
<div id="i4c2" class="artBaseRow">
<div id="i4_tbl_11" class="artWrapper">
<table class="srtbl" cellpadding="2" cellspacing="0" summary="">
<caption><b>Vad var det bästa med kursen?</b></caption>
<tbody>
<tr class="srtbl-h1">
<th class="srtbl-qt">
<div>
<br /> <span>(Jag arbetade: 4-6 timmar/vecka)</span>
</div>
</th>
</tr>
</tbody>
</table>
</div>
</div>所以文字"(Jag arbetade.“)与标题旁边的左边对齐。我怎么能这么做？
回答 4
Stack Overflow用户
回答已采纳
发布于 2015-06-05 06:46:55
为srtbl-qt类添加这个css (尝试将它放在CSS文件的末尾)
.srtbl-qt {
text-align: left;
}我也不知道为什么你需要div，打断和跨元素围绕文本，但它可以被删除(提示：th {padding-top: 10px;})
Stack Overflow用户
发布于 2015-06-05 06:49:43
从哪里来的..。
您已经将文本放入标题为<th>元素的表中。在所谓的font-weight: bold; text-align: center;用户代理样式表中在<th>上应用是标准的浏览器行为。
..。以及如何解决这个问题。
您需要指定要覆盖此行为的内容，例如：
th {
text-align: left;
}Stack Overflow用户
发布于 2015-06-05 07:07:43
问题是span元素有display: inline，所以它的宽度与文本完全相同，就像它的一些父元素有text-align: center一样，它位于中间，所以只做text-align: left不工作，所以必须将其更改为display: block，然后更改为text-align: left
澄清：
span-element{
display: block;
text-align: left;
}你也可以：
span-element{
display: inline-block;
width: 100%;
text-align: left;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30659967
复制相关文章
相似问题
腾讯云开发者
