word 表格里的文字为什么不能靠左对其,右键表格对其不行,根据内容调整...

发布网友 发布时间：2022-04-25 08:52

我来回答

共6个回答

懂视网 时间：2022-05-11 12:53

最近的项目涉及到很多表单的制作，特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现，单(复)选框和它们后面的提示文字在不进行任何设置的情况下，是无法对齐的，而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle，也依然不能完美对齐。如下图所示：

于是上网查看了一些网站，发现这个问题是普遍存在的，如下图（FF3.5）：

在很多网站涉及到表单的页面中，都存在这种表单元素与提示文字无法对齐的问题。于是打算研究一下这个问题。首先，搜索到了wheatlee前辈的文章《大家都对vertical-align的各说各话》。wheatlee在他的文章中关于垂直居中提到了这样几个关键点：

1、vertical-align:middle的时候，是该元素的中心对齐周围元素的中心。

2、这里“中心”的定义是：图片当然就是height的一半的位置，而文字应该是基于baseline往上移动0.5ex，亦即小写字母“x”的正中心。但是很多浏览器往往把ex这个单位定义为0.5em，以至于其实不一定是x的正中心（baseline等名词如果不懂，请先阅读wheatlee的文章）

按照这个思路，对照我遇到的问题，首先想到的是先验证一下浏览器对于“复选框”和图片是不是使用同样的规则来渲染（是不是把复选框当成一个正方形图片来对待）。于是写出下面的代码：

<style>
body{font-size:12px;}
</style>
<input style="vertical-align:middle;" name="test" type="checkbox">
<img style="vertical-align:middle;"  src="testpic.gif" />
测试文字

代码中的testpic.gif是一个尺寸与复选框完全一样的黑色图片。FF3.5下显示如下：

热心网友 时间：2022-05-11 10:01

不是无法左对齐，而是单元格边距导致的无法顶着左边，下面给出解决方案：

一、首先鼠标悬停在表格中，左上角出现四向箭头后，点击这个四向箭头选中整个表格。

二、 选中整个表格后，点击菜单栏出现的“布局菜单”。

三、如果没有选中左对齐的话，这里先选择“左对齐”，然后点击“单元格边距 ”。

四、打开表格选项窗口后，把左边距设置为一个较小的数值（设置成0的话不太美观），点击“确定”。

五、如下图，经过上面步骤操作后，单元格内的文字就可以顶着左边框了。

热心网友 时间：2022-05-11 11:19

先ctrl+l（字母l，不是数字1）组合键，如果前面还有很大的空白，这个时候可以：1、光标放到行开头，然后按backspace键；2、光标放在有空白的文字所在位置，然后拖拽单元格对应的横标尺上的左侧的两个滑块（向左拖拽到单元格左边线附近）。

热心网友 时间：2022-05-11 12:53

热心网友 时间：2022-05-11 14:45

热心网友 时间：2022-05-11 16:53