在td单元格中定位文本

时间:2015-08-18 13:33:02

标签: html css

我有:

<tr>
    <td colspan="4" style="font-size:7pt; font-color:red; font-weight: bold;">
        LET OP: SPECIFICEER HET ATRIKEL ZO GEDETAILLEERD MOGELIJK
    </td>
</tr>

但文字在textarea框之上并不好看。

请参阅:https://jsfiddle.net/jvdyx0hc/

我希望它从左侧和textareabox上方开始获取LET OP的文本。

4 个答案:

答案 0 :(得分:1)

我试过这种方式

<td colspan="3" style="font-size:7pt; font-color:red; font-weight: bold;padding-left:6%;">LET OP: SPECIFICEER HET ATRIKEL ZO GEDETAILLEERD MOGELIJK</td>

这里是jsfiddle

Demo work code

我不确定这一点,但我尝试了这个并在两个浏览器中工作

请查看更新的小提琴

Check out in Mozila firefox

答案 1 :(得分:0)

使用此

<td colspan="3" style="font-size: 7pt; font-weight: bold; padding-left: 15px;">LET OP: SPECIFICEER HET ATRIKEL ZO GEDETAILLEERD MOGELIJK</td>

答案 2 :(得分:0)

您可以替换文字

LET OP: SPECIFICEER HET ATRIKEL ZO GEDETAILLEERD MOGELIJK

使用:

<span style="margin-left: -90px;">LET OP: SPECIFICEER HET ATRIKEL ZO GEDETAILLEERD MOGELIJK</span>

您也可以用以下内容替换表格:

<td colspan="3" style="font-size:7pt; font-color:red; font-weight: bold; padding-left: 30px">LET OP: SPECIFICEER HET ATRIKEL ZO GEDETAILLEERD MOGELIJK</td>

旁注:我建议您在样式表中使用样式

答案 3 :(得分:0)

如果我理解你要做的事情,请尝试以下方法:

<td colspan="4" style="font-size:7pt; font-color:red; font-weight: bold; text-align: left; padding-left: 82px;">LET OP: SPECIFICEER HET ATRIKEL ZO GEDETAILLEERD MOGELIJK</td>

如果您希望表格列具有响应性并根据屏幕宽度进行缩放,则无法使用此功能。如果你这样做,你会想要使用'vw'代替'px'。

我建议不要使用这样的内联样式。如果您正在寻找一种更简洁的方法来执行此操作并可以选择使用外部样式表,请将一个类应用于该元素并将样式放在样式表中。

HTML

<td colspan="4" class="descriptionText">LET OP: SPECIFICEER HET ATRIKEL ZO GEDETAILLEERD MOGELIJK</td>

CSS

.descriptionText{
    font-size: 7pt;
    font-color:red; 
    font-weight: bold;
    text-align: left;
    padding-left: 82px;
}

如果您正在寻找,请告诉我。