首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何让单元格将文本左对齐?

如何让单元格将文本左对齐?
EN

Stack Overflow用户
提问于 2015-06-09 05:10:54
回答 1查看 91关注 0票数 -1

我正在用HTML和CSS制作一个表格,但我似乎无法获得特定的单元格来将文本左对齐。

下面是我的表格:

代码语言:javascript
复制
<table>
        <tr class="l0">
            <th rowspan="2">Employer/Employee Group</th>
            <th colspan="2">Duty</th>
            <th rowspan="2">Experience (Years)</th>
            <th rowspan="2">No. Of People</th>
            <th colspan="5">Responsibilities</th>
        </tr>
        <tr class="l0">
            <th>Permanent Duty</th>
            <th>As Required</th>
            <th>Job Training</th>
            <th>Product Quality</th>
            <th>Retention</th>
            <th>Human Resources</th>
            <th>Special Projects</th>
        </tr>


        <tr class="l2">
            <th colspan="10">US Army - Colorado Army National Guard</th>
        </tr>
        <tr class="l1">
            <td>Technicians/Soldiers</td>
            <td>*</td>
            <td></td>
            <td>3</td>
            <td>2 - 6</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
            <td></td>
            <td>*</td>
        </tr>


        <tr class="l2">
            <th colspan="10">SPEC, Inc.</th>
        </tr>
        <tr class="l1">
            <td>Administrative Staff</td>
            <td></td>
            <td>*</td>
            <td rowspan="4">5</td>
            <td>2</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>*</td>
        </tr>
        <tr class="l1">
            <td>Engineers and Scientists</td>
            <td></td>
            <td>*</td>
            <td>5</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>*</td>
        </tr>
        <tr class="l1">
            <td>Technicians</td>
            <td>*</td>
            <td></td>
            <td>4</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
        </tr>
        <tr class="l1">
            <td>Contract Technicians</td>
            <td>*</td>
            <td></td>
            <td>> 20</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
        </tr>

        <tr class="l2">
            <th colspan="10">Radtec Engineering, Inc.</th>
        </tr>
        <tr class="l1">
            <td>Administrative Staff</td>
            <td></td>
            <td>*</td>
            <td rowspan="4">4</td>
            <td>1</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>*</td>
        </tr>
        <tr class="l1">
            <td>Engineers</td>
            <td></td>
            <td>*</td>
            <td>2</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>*</td>
        </tr>
        <tr class="l1">
            <td>Technicians</td>
            <td>*</td>
            <td></td>
            <td>7</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
        </tr>
        <tr class="l1">
            <td>Contractors</td>
            <td>*</td>
            <td></td>
            <td>1</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
            <td>*</td>
        </tr>
    </table>

我的CSS没有说居中对齐,只有左对齐,但当我运行它时,行保持居中。

这是我的CSS:

代码语言:javascript
复制
 div.sqs-slice-group.copy.restrict-width-1000.text-align-center.align-center.align-center-absolute {
  top: 30px;
}

#main-navigation {
  word-spacing: 30px;
}

#footerBlocks {
  float: right; 
}

div.foo {
    float: right;       
}


table {
    width: 100%;
}

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}

th, td {
    padding: 5px;
    margin: 5px;
}

/* Heading, odd and even lines for table shading */
tr.s0 {
    background: #B2B2B2;
}
tr.s1 {
    background: #FFFFFF;
}
tr.s2 {
    background: #E6E6E6;
}

/* Leadership Tables */
tr.l0 {
    background: #B2B2B2;
    text-align: left;
}
tr.l1 {
    background: #FFFFFF;
    text-align: left;
}
tr.l2 {
    background: #E6E6E6;
    text-align: left;
}

会不会是默认情况下表格标题标签居中?

EN

回答 1

Stack Overflow用户

发布于 2015-06-09 05:14:51

你试过了吗?

代码语言:javascript
复制
<td align="left>...</td>

在HTML中?

http://www.w3schools.com/tags/att_td_align.asp

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30719173

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档