很难解释我想要实现的目标(如果可以想到更好的标题,可以随时修改标题),因此,我举一个例子:

 Street: First Lane
         South side 28
   City: Duckburg
Country: Disneyland
    ZIP: 1234567890-XY


这是我希望用户看到的。但是我也希望用户只能选择正确的列,因此他可以将其内容复制粘贴到其他位置。如果我对一个表执行此操作,则用户只能选择整行,并且复制粘贴操作也会复制行标题。如果我使用彼此相邻的两个单独的容器来执行此操作,则在某些项目具有多行的情况下,标签与内容不同步。

可以通过某种方式实现吗?

最佳答案

是。尝试这样的事情:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Page Title</title>
    <style type="text/css" media="screen">
        #left_side { float: left; text-align: right;}
    </style>
</head>
<body>
    <div id="container">
        <div id="left_side">
            Street:<br><br>
            City:<br>
            Country:<br>
            ZIP:
        </div>
        <div id="right_side">
            First Lane<br>
            South side 28<br>
            Duckburg<br>
            Disneyland<br>
            1234567890-XY
        </div>
    </div>
</body>
</html>

关于html - HTML/CSS:是否可以制作一个可以选择其列的表?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/1418564/

10-11 20:09