使用这个小提琴的建议我做了一个固定标题的滚动表:
<!DOCTYPE html>
<html lang='en' dir='ltr'>
<head>
<meta charset='UTF-8' />
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<style>
body {
font-family: sans-serif;
font-size: 20px;
}
section {
position: relative;
border: 1px solid #000;
padding-top: 2em;
background: #808;
}
#container {
overflow-y: auto;
height: 200px;
padding-top: 1em;
}
table {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
}
th {
height: 10px;
line-height: 0;
padding-top: 0;
padding-bottom: 0;
color: transparent;
background: #0f0;
border: 2px solid #f0f;
white-space: nowrap;
}
th > div …我正在帮助一个朋友为科学杂志写一些文章。一些出版商要求参考书目中引用的作者以“姓、名”的形式出现，而另一些出版商则要求“名字、姓氏”（当然，列表按姓氏排序，有时姓氏以小写大写）。
我知道这最好用数据库来完成，但我朋友的技能还没有达到那个水平。
如果我写一个非常简单的 HTML 页面，使用这样的行
<p><span class="lname">Doe</span>, <span class="fname">John</span></p>
有没有一种 CSS 方法可以将行显示为“John DOE”，或者我必须使用一些 JS 吗？