导读:如果你更喜欢用终端与系统交互,请了解一下我最喜欢的管理文件的命令。
本文字数:5233,阅读时长大约:6分钟
在如 GNOME 或 KDE 等图形桌面中使用鼠标点击管理文件。你点击文件的图标,将它移动到另一个文件夹中,或者移动到回收站里。图形交互使得桌面计算机便于使用。
但是在 Linux 中,我们并不总是与图形界面交互。如果你在服务器上工作,那么你可能需要使用命令行来解决问题。即使像我这样使用桌面的用户,可能也更喜欢使用终端和命令行和系统交互。我倾向于通过命令行运行命令来管理我的文件:
使用 ls 显示文件
ls
对任何使用命令行的人来说,如果不知道有什么文件,工作将很难进行下去。ls 命令 opensource.com会罗列出文件夹中的文件。例如,要查看 Web 服务器的文档根目录/var/www/html中的内容,你可以键入:
ls /var/www/html
大多数情况,我使用ls命令查看当前文件夹内的文件。只需要输入ls即可查看所有文件。例如,当我在我的网页项目的根目录时,输入ls后可以看到这些:
$ ls
about fontawesome fonts index.php styles
docs fontawesome.zip images prism
ls命令包含 60 种选项,可以以任意方式显示文件和目录。-l是一个很有用的选项,可以详细的显示文件,包含权限、文件大小以及所有者等信息。
$ ls -l
total 6252
drwxrwxr-x. 2 jhall jhall 4096 Jun 22 16:18 about
drwxr-xr-x. 2 jhall jhall 4096 Jun 25 16:35 docs
drwxr-xr-x. 2 jhall jhall 4096 Jun 7 00:00 fontawesome
-rw-r--r--. 1 jhall jhall 6365962 Jun 2 16:26 fontawesome.zip
drwxrwxr-x. 2 jhall jhall 4096 Jun 22 16:17 fonts
drwxr-xr-x. 2 jhall jhall 4096 Jun 25 13:03 images
-rw-rw-r--. 1 jhall jhall 327 Jun 22 16:38 index.php
drwxrwxr-x. 2 jhall jhall 4096 Jun 22 16:18 prism
drwxrwxr-x. 2 jhall jhall 4096 Jun 22 16:17 styles
上方的文件大小是以字节为单位,或许看起来有点吃力。想要以方便我们阅读的格式查看文件大小,只需要添加-h或--human-readable选项,能以G、M、K为单位显示文件大小。
$ ls -l --human-readable
total 6.2M
drwxrwxr-x. 2 jhall jhall 4.0K Jun 22 16:18 about
drwxr-xr-x. 2 jhall jhall 4.0K Jun 25 16:35 docs
drwxr-xr-x. 2 jhall jhall 4.0K Jun 7 00:00 fontawesome
-rw-r--r--. 1 jhall jhall 6.1M Jun 2 16:26 fontawesome.zip
drwxrwxr-x. 2 jhall jhall 4.0K Jun 22 16:17 fonts
drwxr-xr-x. 2 jhall jhall 4.0K Jun 25 13:03 images
-rw-rw-r--. 1 jhall jhall 327 Jun 22 16:38 index.php
drwxrwxr-x. 2 jhall jhall 4.0K Jun 22 16:18 prism
drwxrwxr-x. 2 jhall jhall 4.0K Jun 22 16:17 styles
现在,ls将 zip 文件显示为6.1M或刚刚超过 6 MB 的文件大小,而不是6365962。
使用cat、head 和 tail 命令查看文件
cat
head
tail
当显示出文件后,需要检查文件夹中的内容。使用很少几个命令即可做到。以我的 Web 服务器中的docs文件夹为例:
$ ls docs
chapter1.tex chapter4.tex chapter7.tex lorem.txt
chapter2.tex chapter5.tex chapter8.tex readme.txt
chapter3.tex chapter6.tex chapter9.tex workbook.tex
这些文件是什么?我不知道,幸运的是该目录中有一个readme.txt文件,我猜它包含了这个项目目录中文件的描述。如果该文件不是很长,那我可以使用cat命令查看它:
$ cat docs/readme.txt
This is the workbook for the C programming self-paced
video series. The main file is the workbook.tex file,
which includes the other chapters.
如果这个文件很长,则可以使用head命令查看文件的前几行。该命令通常显示前 10 行的内容,不过你也可以使用-n或者--lines选项来指定行数。例如,使用这两个head命令的选项查看lorem.txt文件的前三行:
$ head -n 3 docs/lorem.txt
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Nullam at ligula eget nunc feugiat pharetra. Nullam
nec vulputate augue. Suspendisse tincidunt aliquet
$ head --lines=3 docs/lorem.txt
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Nullam at ligula eget nunc feugiat pharetra. Nullam
nec vulputate augue. Suspendisse tincidunt aliquet
如果我想要查看文件的最后几行的内容,可以以相同方式使用tail命令。同样,这两个tail命令分别显示lorem.txt文件的最后三行:
$ tail -n 3 docs/lorem.txt
egestas sodales. Vivamus tincidunt ex sed tellus tincidunt
varius. Nunc commodo volutpat risus, vitae luctus lacus
malesuada tempor. Nulla facilisi.
$ tail --lines=3 docs/lorem.txt
egestas sodales. Vivamus tincidunt ex sed tellus tincidunt
varius. Nunc commodo volutpat risus, vitae luctus lacus
malesuada tempor. Nulla facilisi.
使用head和tail命令在服务器中查看日志文件十分有用。我有一个小型 Web 服务器运行在家庭网络,用于在网站上线前的测试。最近我发现 Web 服务器的日志很长,我好奇它存在多久了。使用head命令,我只打印第一行,可以看到该日志文件是在 2020 年 12 月创建的:
$ ls -l --human-readable /var/log/httpd
total 13M
-rw-r--r--. 1 root root 13M Jun 25 16:23 access_log
-rw-r--r--. 1 root root 45K Jun 2 00:00 error_log
$ sudo head -n 1 /var/log/httpd/access_log
10.0.0.177 - - [05/Dec/2020:14:58:35 -0600] "GET / HTTP/1.1" 403 5564 "-" "Mozilla/5.0 (X11; Fedora; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36"
使用 rm 命令删除文件
rm
在包含示例文本文件的目录中,lorem.txt文件中包含 “乱数假文(Lorem Ipsum)” 文本。这只是印刷行业中使用的虚拟文本,因此lorem.txt文件并不属于该项目。让我们用rm命令删除这样的文件:
$ ls docs
chapter1.tex chapter4.tex chapter7.tex lorem.txt
chapter2.tex chapter5.tex chapter8.tex readme.txt
chapter3.tex chapter6.tex chapter9.tex workbook.tex
$ rm docs/lorem.txt
$ ls docs
chapter1.tex chapter4.tex chapter7.tex readme.txt
chapter2.tex chapter5.tex chapter8.tex workbook.tex
chapter3.tex chapter6.tex chapter9.tex
由于用rm命令删除的文件会直接删除,而不会放入回收站,因此它很危险。安装trash命令比较安全,例如trashy gitlab.com或trash-cli github.com命令。这样你可以在文件永久删除前,将其放入暂存区。
$ rm docs/lorem.txt
只需很少的命令即可在命令行中管理文件。使用ls命令显示目录中的文件,使用cat、head和tail命令查看文件中的内容。使用rm或者安全的trash命令将不需要的文件删除。这五个命令足以帮你在 Linux 中管理文件。想要了解更多,可以使用--help选项来查看如何使用这些命令。例如使用ls --help查看ls命令如何使用。
via:
作者:Jim Hall选题:lkxed译者:Donkey校对:wxy
本文由LCTT原创编译,Linux中国荣誉推出
LCTT 译者 :Donkey
翻译:15.0篇
贡献:66天
1. 如何在HTML表格中居中放置按钮?
HTML按钮在表格中居中的方法主要包括:使用CSS属性、表格的对齐属性、Flexbox布局。其中,使用CSS属性是最简便且常用的方法。下面详细描述这三个方法中的一种:使用CSS属性。
要在表格中居中对齐按钮,可以通过添加样式将按钮的父元素设置为居中对齐。具体来说,可以使用CSS中的text-align属性将表格单元格的内容设置为居中对齐。以下是一个简单的示例代码:
Button Center in Table
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid #000;
padding: 10px;
text-align: center; /* Center align text in table cells */
}
.center-button {
text-align: center; /* Center align text inside this cell */
}
Header 1
Header 2
Header 3
Data 1
Data 2
在这个示例中,通过CSS为表格单元格设置了text-align: center;属性,从而使按钮在单元格中居中显示。接下来,我们将详细探讨其他两种方法,以及进一步优化和扩展这些方法。
一、使用CSS属性
CSS是前端开发中最常用的样式设计工具,通过CSS可以轻松地实现按钮在表格单元格中的居中对齐。
1、使用text-align属性
在表格单元格中,text-align属性可以将文本及内联元素(如按钮)居中对齐。示例代码如下:
Button Center in Table
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid #000;
padding: 10px;
text-align: center; /* Center align text in table cells */
}
.center-button {
text-align: center; /* Center align text inside this cell */
}
Header 1
Header 2
Header 3
Data 1
Data 2
2、使用vertical-align属性
如果需要按钮在垂直方向上也居中,可以使用vertical-align属性:
Button Center in Table
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid #000;
padding: 10px;
text-align: center; /* Center align text in table cells */
vertical-align: middle; /* Vertically center align text in table cells */
}
.center-button {
text-align: center; /* Center align text inside this cell */
}
Header 1
Header 2
Header 3
Data 1
Data 2
二、使用表格的对齐属性
HTML提供了一些内置的表格对齐属性,可以直接在HTML标签中使用,例如align和valign属性。尽管这些属性在HTML5中被弃用,但在某些旧版浏览器中仍然有效。
1、使用align属性
通过在HTML代码中直接添加align="center"属性,可以将表格单元格的内容水平居中:
Button Center in Table
Header 1
Header 2
Header 3
Data 1
Data 2
2、使用valign属性
通过在HTML代码中直接添加valign="middle"属性,可以将表格单元格的内容垂直居中:
Button Center in Table
Header 1
Header 2
Header 3
Data 1
Data 2
三、使用Flexbox布局
Flexbox是一种强大的CSS布局模式,可以轻松实现复杂的对齐和分布。通过将表格单元格设置为Flex容器,可以更灵活地控制按钮的对齐方式。
1、基本Flexbox布局
将表格单元格设置为Flex容器,并使用justify-content和align-items属性将按钮居中对齐:
Button Center in Table
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid #000;
padding: 10px;
}
.flex-center {
display: flex;
justify-content: center; /* Horizontally center align */
align-items: center; /* Vertically center align */
}
Header 1
Header 2
Header 3
Data 1
Data 2
2、复杂Flexbox布局
在一些复杂布局中,可能需要结合多个Flexbox属性来实现更精细的控制:
Button Center in Table
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid #000;
padding: 10px;
}
.flex-center {
display: flex;
justify-content: center; /* Horizontally center align */
align-items: center; /* Vertically center align */
height: 100px; /* Example height */
}
Header 1
Header 2
Header 3
Data 1
Data 2
四、总结与优化
通过上述方法,可以在HTML表格中轻松实现按钮的居中对齐。然而,在实际开发过程中,可能会遇到各种复杂情况,例如表格单元格的动态内容、跨行或跨列的情况、以及响应式设计等。因此,在选择具体实现方法时,需根据项目需求进行灵活调整。
1、响应式设计
为了在不同设备上保持良好的用户体验,可以结合媒体查询和响应式设计原则进行优化:
Button Center in Table
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid #000;
padding: 10px;
}
.flex-center {
display: flex;
justify-content: center; /* Horizontally center align */
align-items: center; /* Vertically center align */
height: 100px; /* Example height */
}
@media (max-width: 600px) {
th, td {
padding: 5px;
}
.flex-center {
height: 50px;
}
}
Header 1
Header 2
Header 3
Data 1
Data 2
通过媒体查询,可以根据不同设备的屏幕宽度调整表格单元格的样式,从而在移动设备上也能保持按钮的居中对齐。
2、动态内容
如果表格单元格内容是动态生成的,可以使用JavaScript或jQuery进行操作。例如,使用jQuery来动态设置单元格的对齐方式:
Button Center in Table
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid #000;
padding: 10px;
}
.flex-center {
display: flex;
justify-content: center; /* Horizontally center align */
align-items: center; /* Vertically center align */
height: 100px; /* Example height */
}
$(document).ready(function() {
$('.flex-center').css({
'display': 'flex',
'justify-content': 'center',
'align-items': 'center',
});
});
Header 1
Header 2
Header 3
Data 1
Data 2
通过上述方法,无论是静态内容还是动态生成的内容,都可以在表格单元格中实现按钮的居中对齐。使用这些技巧和方法,可以确保在各种项目中实现良好的用户体验和界面设计。
五、项目团队管理系统推荐
在项目开发过程中,良好的团队协作和项目管理系统是必不可少的。推荐以下两个系统:
1、研发项目管理系统PingCode
PingCode是一款专为研发团队设计的项目管理系统,提供了从需求管理、任务跟踪、代码管理到质量保证的一站式解决方案。其强大的功能和灵活的配置,能够帮助研发团队提高效率和质量。
2、通用项目协作软件Worktile
Worktile是一款通用的项目协作软件,适用于各种团队和项目类型。它提供了任务管理、时间跟踪、文件共享、团队沟通等功能,帮助团队更好地协作和沟通,提高工作效率。
通过使用这些项目管理系统,可以有效地提升团队的工作效率和项目的成功率。在实际项目中,选择合适的工具和方法,结合上述技术,实现更加高效和专业的开发流程。
相关问答FAQs:
1. 如何在HTML表格中居中放置按钮?
在HTML表格中居中放置按钮可以使用以下方法:
2. 如何使用CSS样式将HTML表格中的按钮垂直居中?
如果想要在HTML表格中垂直居中放置按钮,可以使用以下方法:
3. 如何在HTML表格中居中放置多个按钮?
如果想要在HTML表格中居中放置多个按钮,可以使用以下方法: