Question

最初，我无法更改类名：

<table class="firsttable"> This is the firstable that must be left align
<tbody>
    <tr>
        <td>

<table class="firsttable"> And this is the second table that must be center align
<tbody>
    <tr>
        <td>

如何在css中编写代码？

Answer 1

你可以使用下面的CSS，它按预期工作

<style>
.firsttable:nth-child(1) { text-align:left; }
.firsttable:nth-child(2) { text-align:right; }
</style>

它是CSS3。

Answer 2

第一个表CSS选择器：

.firsttable:first-of-type

如果第二张表是最后一张：

.firsttable:last-of-type

否则，第二个表CSS选择器是这样的：

.firsttable:nth-of-type(2)

Answer 3

我认为结合内联css会更简单。不要在课堂上调整，而是：

<table class="firsttable" style="text-align:left;"> This is the firstable that must be left align
<tbody>
    <tr>
        <td>

<table class="firsttable" style="text-align:right;"> And this is the second table that must be center align
<tbody>
    <tr>
        <td>

如果对于具有此类的大多数表有意义，您也可以在类中对齐，并在需要时覆盖。

Answer 4

使用ID：

HTML：

<table class="firsttable" id="table1">
...
</table>
<table class="firsttable" id="table2">
...

CSS：

#table1 {
    text-align:left;
}
#table2 {
    text-align:right;
}

这有用吗？

Answer 5

在这种情况下，它更好，或者从我的意义上说，我总是通过在表格中添加内联样式来实现它，我认为他们不需要在CSS中为它创建任何其他样式。

<强> <table class="firsttable" style="text-align:left"> This is the firstable that must be left align

第二个表可能是另一个内联样式的text-align：center

<强> <table class="firsttable" style="text-align:center"> And this is the second table that must be center align

这是最好的方法。但是你也可以在这里创建一些不同的id或

 .firsttable:nth-child(1) { text-align:left; }
 .firsttable:nth-child(2) { text-align:center; }

问题在于，如果您使用它，那么如果此网页区域中出现另一个表，则会出现问题。因此，在这种情况下最好使用内联样式。

Answer 6

如果要将表格向左移动而向右移动，请将以下内容添加到appropreate表格中。

右对齐。在开头标记<table>添加此内容。

style="float:right;"

对于左边的algin，将相同的代码添加到完全相同的位置，但更改＆＃34; left＆＃34;到＆＃34;对＆＃34;取决于你想要的位置。

将文字作为其他人已经分割的文字。

学家卡特：）

如何左对齐一个表并右对齐另一个使用相同类的表？

6 个答案: