Inhaltsverzeichnis
回复讨论(解决方案)
Heim Web-Frontend HTML-Tutorial 长期困扰,望解答-tr的间距问题_html/css_WEB-ITnose

长期困扰,望解答-tr的间距问题_html/css_WEB-ITnose

Jun 24, 2016 pm 12:05 PM
tr 解答 lang Abstand

tr的间距
无论用css,还是html,甚至js都可以,
如何能让tr的上下有间距?
(不要用td里再套table的方式)
就是要这个效果


回复讨论(解决方案)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>table{margin:0;padding:0;border-collapse:collapse;}td,th{border:solid 1px #ccc; width:100px;}.noborder{border:none;height:5px;overflow:hidden;}</style></head><body><table>	<tr>    	<th>姓名</th>        <th>学号</th>        <th>性别</th>        <th>年龄</th>    </tr>    <tr>    	<td>小马</td>        <td>00001</td>        <td>男</td>        <td>20</td>    </tr>    <tr>    	<td colspan="4" class="noborder"></td>    </tr>    <tr>    	<td>小李</td>        <td>00002</td>        <td>男</td>        <td>20</td>    </tr>     <tr>    	<td colspan="4" class="noborder"></td>    </tr>    <tr>    	<td>小张</td>        <td>00003</td>        <td>男</td>        <td>22</td>    </tr></table></body></html>
Nach dem Login kopieren
Nach dem Login kopieren

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>table{margin:0;padding:0;border-collapse:collapse;}td,th{border:solid 1px #ccc; width:100px;}.noborder{border:none;height:5px;overflow:hidden;}</style></head><body><table>	<tr>    	<th>姓名</th>        <th>学号</th>        <th>性别</th>        <th>年龄</th>    </tr>    <tr>    	<td>小马</td>        <td>00001</td>        <td>男</td>        <td>20</td>    </tr>    <tr>    	<td colspan="4" class="noborder"></td>    </tr>    <tr>    	<td>小李</td>        <td>00002</td>        <td>男</td>        <td>20</td>    </tr>     <tr>    	<td colspan="4" class="noborder"></td>    </tr>    <tr>    	<td>小张</td>        <td>00003</td>        <td>男</td>        <td>22</td>    </tr></table></body></html>
Nach dem Login kopieren
Nach dem Login kopieren


除此之外再无他法了吗?没有能直接设置的办法吗?请回复下,没有我就结贴了

既然你用了表格,那么在css中一般有个原则,不会给除了 td,th外的标签加样式,带来的兼容问题还是挺多的,因此行与行之间的间隔距离,最好还是利用空行填充,也就是合并单元格

既然你用了表格,那么在css中一般有个原则,不会给除了 td,th外的标签加样式,带来的兼容问题还是挺多的,因此行与行之间的间隔距离,最好还是利用空行填充,也就是合并单元格


谢谢
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Fünf häufig gestellte Fragen und Antworten zu Vorstellungsgesprächen in Go-Sprache Fünf häufig gestellte Fragen und Antworten zu Vorstellungsgesprächen in Go-Sprache Jun 01, 2023 pm 08:10 PM

Als Programmiersprache, die in den letzten Jahren sehr beliebt geworden ist, ist die Go-Sprache in vielen Unternehmen und Betrieben zu einem Hotspot für Vorstellungsgespräche geworden. Für Anfänger der Go-Sprache ist die Beantwortung relevanter Fragen während des Interviews eine Frage, die es wert ist, untersucht zu werden. Hier sind fünf häufig gestellte Fragen und Antworten zu Go-Interviews als Referenz für Anfänger. Bitte stellen Sie vor, wie der Garbage-Collection-Mechanismus der Go-Sprache funktioniert. Der Garbage-Collection-Mechanismus der Go-Sprache basiert auf dem Mark-Sweep-Algorithmus und dem Dreifarben-Markierungsalgorithmus. Wenn der Speicherplatz im Go-Programm nicht ausreicht, wird der Go-Garbage Collector verwendet

So passen Sie den Wortabstand an So passen Sie den Wortabstand an Mar 19, 2024 pm 07:10 PM

Die Anpassung des Wortabstands spielt eine wichtige Rolle im Dokument und wirkt sich auf das Gesamtlayout und die Textpräsentation aus. Ein angemessener Wortabstand kann dafür sorgen, dass der Dokumentinhalt sauber und kompakt erscheint und angemessene visuelle Effekte erzielt werden. Ich hoffe, dass die heutige Erklärung des Herausgebers Ihnen helfen kann, Ihre Probleme zu lösen und das Problem der Anpassung des Wortabstands zu lösen. Die Schritte zum Anpassen des Zeilenabstands sind wie folgt: 1. Öffnen Sie wie in der Abbildung gezeigt das Word-Dokument, das angepasst werden muss, ziehen Sie den anzupassenden Inhalt, wählen Sie ihn aus, klicken Sie mit der rechten Maustaste und wählen Sie Absatzoptionen aus. 2. Suchen Sie im Popup-Dialogfeld nach der Option „Abstand“, klicken Sie dann auf die Dropdown-Liste „Zeilenabstand“ und wählen Sie die gewünschte Zeilenabstandsgröße aus. Klicken Sie nach der Auswahl auf OK und der Zeilenabstand des ausgewählten Inhalts wird angepasst. Die Schritte zum Anpassen des Wortabstands sind wie folgt:

Häufig gestellte Fragen zum CentOS-Dateisystem Häufig gestellte Fragen zum CentOS-Dateisystem Feb 23, 2024 pm 12:45 PM

Häufig gestellte Fragen zum CentOS-Dateisystem Das Dateisystem ist eine entscheidende Komponente bei der Verwendung des CentOS-Betriebssystems. Es ist für die Speicherung, Organisation und Verwaltung von Dateien und Verzeichnissen verantwortlich und spielt eine entscheidende Rolle für den stabilen Betrieb des Systems und die Datensicherheit. Bei der Verwendung von Dateisystemen treten jedoch zwangsläufig einige häufig auftretende Probleme auf. Dieser Artikel beantwortet häufige Fragen zum CentOS-Dateisystem und hofft, den Lesern dabei zu helfen, diese Probleme besser zu verstehen und zu lösen. Frage 1: So überprüfen Sie die Nutzung des Dateisystems

Lohnt es sich, den OKB-Coin langfristig zu halten? Lohnt es sich, in OKB-Coins zu investieren? Lohnt es sich, den OKB-Coin langfristig zu halten? Lohnt es sich, in OKB-Coins zu investieren? Feb 27, 2024 pm 03:13 PM

Lohnt es sich, den OKB-Coin langfristig zu halten? OKB Coin ist eine Plattformwährung, die von der OKEx-Börse ausgegeben wird und erstmals am 26. Oktober 2017 eingeführt wurde. Die Gesamtauflage beträgt 1 Milliarde, davon werden 70 % zur Belohnung der Nutzer, 20 % für Team- und Ökobau und die restlichen 10 % für Marketing und Betrieb verwendet. Die OKB-Münze bietet folgende Vorteile: Ermäßigung der Transaktionsgebühr: Besitzer von OKB-Münzen können an der OKEx-Börse Ermäßigungen auf die Transaktionsgebühr genießen, und das Rabattverhältnis ist an die Anzahl der gehaltenen OKB-Münzen gekoppelt. Beteiligen Sie sich an der Plattform-Governance: OKB-Coin-Inhaber können an der Plattform-Governance von OKEx Exchange teilnehmen, einschließlich der Abstimmung für das Managementteam von OKEx Exchange und der Beteiligung an wichtigen Entscheidungen von OKEx Exchange. An Plattformaktivitäten teilnehmen: OKB-Coin-Inhaber können an OKE teilnehmen

Lohnt es sich, Tezos langfristig zu halten? Lohnt es sich, in Tezos-Coins zu investieren? Lohnt es sich, Tezos langfristig zu halten? Lohnt es sich, in Tezos-Coins zu investieren? Feb 27, 2024 pm 03:30 PM

Lohnt es sich, Tezos langfristig zu halten? Lohnt es sich, in Tezos-Coins zu investieren? Text Tezos ist eine auf Blockchain-Technologie basierende Kryptowährung, die 2014 von Arthur Breitman und Kathleen Breitman gegründet wurde. Tezos möchte eine sichere, effiziente und skalierbare Kryptowährungslösung bereitstellen und erreicht dieses Ziel durch sein einzigartiges Governance-Modell. Ziel des Projekts ist die Bereitstellung eines demokratischeren und transparenteren Blockchain-Netzwerks durch die Einführung von Selbstheilungsfunktionen und dezentralen Governance-Mechanismen. Die Innovation von Tezos liegt in seiner Fähigkeit, sich durch Konsens in der Community kontinuierlich zu verbessern und zu verbessern, um sich an veränderte Marktbedürfnisse und technologische Entwicklungen anzupassen. Dies macht Tezos zu einer hochkarätigen Ergänzung

Ist tr in PHP eine Spalte oder eine Zeile? Ist tr in PHP eine Spalte oder eine Zeile? Aug 03, 2023 pm 02:53 PM

tr in PHP ist row. In der Webentwicklung ist Tabelle ein häufiges HTML-Element, das zum Anzeigen von Daten verwendet wird. Tabellen bestehen aus Zeilen und Spalten. Die Zeilen werden verwendet, um jeden Datensatz der Daten anzuzeigen, und die Spalten werden verwendet, um den Wert jedes Felds anzuzeigen. Durch die Verschachtelung von td-Tags kann der Inhalt jeder Zelle innerhalb des tr-Tags definiert werden.

ThinkPHP6-FAQ ThinkPHP6-FAQ Jun 20, 2023 am 09:14 AM

Mit der Entwicklung des Internetzeitalters entwickeln sich Webentwicklungs-Frameworks rasant weiter. ThinkPHP ist ein effizientes Webentwicklungs-Framework, das auf der PHP-Sprache basiert. Es verfügt über eine hervorragende Skalierbarkeit und Effizienz und ist eines der am weitesten verbreiteten PHP-Entwicklungs-Frameworks. Die aktuelle Version ist ThinkPHP6, die neueste Version von ThinkPHP. Sie verfügt über viele Funktionen wie Routing, automatisches Laden, mehrere Anwendungen, Controller-Middleware, Ereignismechanismus usw. und hat eine große Anzahl von Benutzern und Mitwirkenden. Dieser Artikel konzentriert sich auf die häufigsten Probleme von ThinkPHP6

Lohnt es sich, Litecoin langfristig zu halten? Lohnt es sich, in Litecoin zu investieren? Lohnt es sich, Litecoin langfristig zu halten? Lohnt es sich, in Litecoin zu investieren? Feb 27, 2024 am 09:10 AM

Litecoin: Lohnt es sich, langfristig daran festzuhalten? Litecoin (LTC) ist eine Kryptowährung, die 2011 vom ehemaligen Google-Ingenieur Charlie Lee gegründet wurde. Litecoin ähnelt Bitcoin in vielerlei Hinsicht, bietet jedoch schnellere Transaktionsbestätigungen und niedrigere Transaktionskosten. Der langfristige Haltewert von Litecoin hängt von einer Vielzahl von Faktoren ab, darunter: Die technischen Vorteile von Litecoin: Litecoin bietet schnellere Transaktionsgeschwindigkeiten und niedrigere Transaktionsgebühren, was es zu einer praktischeren Zahlungsmethode macht. Marktbekanntheit von Litecoin: Litecoin ist nach Marktkapitalisierung eine der Top-Kryptowährungen und hat eine große Anzahl von Investoren und Nutzern auf der ganzen Welt. Entwicklungsaussichten für Litecoin: Das technische Kernteam von Litecoin entwickelt aktiv die Technologie von Litecoin weiter, einschließlich der Verbesserung von Transaktionen

See all articles