jsp如何画这种界面 主要左边的点线不好弄！_html/css_WEB-ITnose
回复讨论(解决方案)
关于竖线的已经参考本论坛一位的效果弄好了，关键左边的点线布局没有好 的思路
<table height=90 style=border-color:000000;border-left-style:solid;border-width:1px><tr><td valign=top>内容</table>
<table height=90 cellspacing cellpadding><tr><td bgcolor=000000 width=1><td width=300 valign=top>内容</table>
具体可参看：http://blog.csdn.net/malelionofwakeup/article/details/1956960
贴代码，希望帮上你！
<style> li{list-style:none;width:100%;height:104px;font-family: 'Microsoft YaHei';} .linePanel {float:left;width:5%;} .line{background-color:rgb(204, 204, 204);width:5px;height:40px;} .point{width:14px;height:14px;border-radius:10px;background-color:rgb(204, 204, 204);margin:5px -4px;} .date{height:67px;} .date .text{font-size:20px;color:rgb(204, 204, 204);margin-left:-50px;width:100px;text-align:center;} .half{height:20px;} .contentPanel{width:95%;height:40px;float:right;} .content{position:relative;background-color:rgb(204, 204, 204);width:90%;height:70px;margin-top:25px;margin-left:10%;border-radius:10px;} .triangle-left{position:absolute;left:-16px;top:20px;width:0px;height: 0;border-top: 8px solid transparent;border-right: 16px solid rgb(204, 204, 204);border-bottom: 8px solid transparent;} .content .text{font-size:16px;color:#fff;padding:5px;font-weight:bold;word-spacing: 2px;}</style><body> <ul> <li> <div class="linePanel"> <div class="line"></div> <div class="point"></div> <div class="line"></div> </div> <div class="contentPanel"> <div class="content"> <div class="triangle-left"></div> <div class="text">20:34 快件离开 武汉中转部已发</div> </div> </div> </li> <li> <div class="linePanel"> <div class="line"></div> <div class="point"></div> <div class="line"></div> </div> <div class="contentPanel"> <div class="content"> <div class="triangle-left"></div> <div class="text">20:31 快件到达武汉中转部 上一站是 温州中转部</div> </div> </div> </li> <li class="date"> <div class="linePanel"> <div class="line half"></div> <div class="text">6-21</div> <div class="line half"></div> </div> </li> <li> <div class="linePanel"> <div class="line"></div> <div class="point"></div> <div class="line"></div> </div> <div class="contentPanel"> <div class="content"> <div class="triangle-left"></div> <div class="text">21:57 快件离开 温州中转部 已发往 武汉中转部</div> </div> </div> </li> <li> <div class="linePanel"> <div class="line"></div> <div class="point"></div> <div class="line"></div> </div> <div class="contentPanel"> <div class="content"> <div class="triangle-left"></div> <div class="text">20:06 快件到达温州中转部 上一站是 上海</div> </div> </div> </li> </ul></body>@maihao110 非常感谢！看来 小看了li的力量了！
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1384
52
Python-Tipps können weiterhin eine grafische Oberfläche implementieren, ohne Gui zu verwenden
Apr 12, 2023 pm 04:43 PM
Wenn es etwas gibt, wovor Programmierer Angst haben, dann denke ich, dass sich die Anforderungen erneut geändert haben! Nein, nachdem der Autor eine browserbasierte Webanwendung entwickelt hatte, sagte der Kunde: Das Programm muss intern (nein) intern sein (Netzwerk) ) Umgebung... Das bedeutet, dass die Python-Umgebung nicht installiert werden kann! Warum entwickeln wir nicht einfach eine GUI-Version? Ich konnte mich nicht beruhigen... ...Um die Bewertung des Kunden nicht zu beeinträchtigen, können wir nur eine Woche Zeit geben, um die GUI zu konzipieren, aber es muss den Service und die interaktive Schnittstelle klären! Wenn nicht, müssen Sie eine separate Schnittstelle für die GUI schreiben, was offensichtlich nicht ausreicht. Nein, denken wir mal über einen anderen Weg nach... sonst können wir einfach das Web nutzen
Ist JSP Front-End oder Back-End?
Jan 28, 2023 pm 06:23 PM
jsp gehört zum Backend. Der Kern von JSP ist ein Servlet, und Servlet ist eine serverseitige Java-Anwendung, sodass JSP eine Back-End-Technologie ist. JSP wird auf dem Netzwerkserver bereitgestellt und kann auf vom Client gesendete Anforderungen reagieren und basierend auf dem Anforderungsinhalt dynamisch Webseiten in HTML, XML oder anderen Formatformaten generieren und diese dann an den Anforderer zurücksenden. Die JSP-Technologie verwendet Java als Skriptsprache, um Dienste für HTTP-Anforderungen von Benutzern bereitzustellen, und kann komplexe Geschäftsanforderungen zusammen mit anderen Java-Programmen auf dem Server bewältigen.
Was soll ich tun, wenn die Word-Schnittstelle kleiner wird?
Mar 20, 2024 pm 09:30 PM
Wenn wir Computer zum Bedienen und Bearbeiten von Word-Dokumenten verwenden, wissen wir oft nicht, wo wir sie berührt haben, und die Benutzeroberfläche wird plötzlich sehr klein. Manchmal ist der Text im Word-Dokument nicht klar zu sehen. Manche Menschen geraten möglicherweise in Panik, wenn sie auf ein solches Problem stoßen, weil sie denken, dass der Computer nicht richtig funktioniert. Tatsächlich liegt es nur daran, dass Sie auf eine bestimmte Einstellung gestoßen sind und die Anzeige angepasst haben. Wenn Sie also versehentlich die Größe der Schnittstellenanzeige ändern, wie können Sie sie dann wiederherstellen und anpassen? Was soll ich tun, wenn die Word-Schnittstelle kleiner wird? Im Folgenden stellen wir Ihnen verschiedene Lösungsmöglichkeiten vor. Wir hoffen, dass Sie solche Probleme problemlos lösen können. Zuerst erstellen und öffnen wir ein Word-Dokument und führen einfache Bearbeitungsvorgänge durch, um die Schritte zu zeigen. Im Bild unten
Was ist der Unterschied zwischen JSP und HTML?
Jan 09, 2024 am 10:46 AM
Der Unterschied zwischen JSP und HTML: 1. Betriebsmechanismus; 3. Beziehung zu Java; 9. Dateisuffixe und Identifizierungstools; 10. Community und Support; Detaillierte Einführung: 1. Betriebsmechanismus. HTML ist eine Auszeichnungssprache, die hauptsächlich zum Beschreiben und Definieren des Inhalts von Webseiten verwendet wird. Sie wird vom Browser interpretiert und ausgeführt die Serverseite usw. warten.
So integrieren Sie JSP in ein SpringBoot-Projekt
May 12, 2023 pm 07:40 PM
Nachdem das neue Springboot-Projekt erstellt wurde, lautet das Verzeichnis wie folgt: Schritt 1: Fügen Sie den zum Konfigurieren von JSP erforderlichen JAR-Paketcode zur POM-Datei des Projekts hinzu: org.apache.tomcat.embedtomcat-embed-jasperprovided Schritt 2: Erstellen Sie ein neues Verzeichnis webapp unter dem Hauptpfad, erstellen Sie einen neuen Pfad WEB-INF unter webapp, erstellen Sie einen neuen Pfad jsp unter WEB-INF und platzieren Sie die JSP-Datei, die wir verwenden möchten, unter diesem Pfad. Schritt 3: Konfigurieren Sie den Zugriffspfad und den Suffixcode von die JSP-Datei in der Hauptkonfigurationsdatei: spring .mvc.view.prefix=/WEB-INF/jsp/sp
Zwei chinesische Google-Forscher veröffentlichten das erste rein visuelle Modell zum Verständnis der mobilen Benutzeroberfläche und vier Hauptaufgaben zur Aktualisierung von SOTA
Apr 12, 2023 pm 04:40 PM
Für KI ist das „Spielen mit Mobiltelefonen“ keine leichte Aufgabe. Allein die Identifizierung verschiedener Benutzeroberflächen (UI) ist ein großes Problem: Es muss nicht nur der Typ jeder Komponente identifiziert werden, sondern auch die verwendeten Symbole und ihre Position, um die Funktion zu bestimmen der Komponente. Das Verständnis der Benutzeroberfläche mobiler Geräte kann dabei helfen, verschiedene Aufgaben der Mensch-Computer-Interaktion zu realisieren, beispielsweise die Automatisierung der Benutzeroberfläche. Frühere Arbeiten zur Modellierung mobiler Benutzeroberflächen stützen sich in der Regel auf die Ansichtshierarchieinformationen des Bildschirms, nutzen direkt die Strukturdaten der Benutzeroberfläche und umgehen so das Problem der Identifizierung von Komponenten ausgehend von den Bildschirmpixeln. Allerdings ist die Ansichtshierarchie nicht in allen Szenarios verfügbar. Diese Methode gibt aufgrund fehlender Objektbeschreibungen oder falsch platzierter Strukturinformationen normalerweise fehlerhafte Ergebnisse aus, selbst wenn Sie sie verwenden
Kann der bisherige Maschinenkaiser erneut kämpfen? Samsung Galaxy S23 Ultra praktischer Erfahrungsaustausch
Mar 12, 2024 pm 01:58 PM
Auf dem Smartphone-Markt hat die Galaxy-Serie von Samsung schon immer wegen ihrer hervorragenden Leistung und ihrem innovativen Design für Aufmerksamkeit gesorgt. Als Maschinenkönig der vorherigen Generation erfreut sich das Galaxy S23 Ultra seit seiner Veröffentlichung großer Beliebtheit bei den Verbrauchern. Mit der Zeit entstehen nach und nach neue Modelle. Kann dieser ehemalige Maschinenkönig also heute noch mithalten? Als Nächstes werde ich meine tatsächlichen Erfahrungen mit dem Samsung Galaxy S23 Ultra teilen und dieses Problem mit allen besprechen. Erstens behält das Galaxy S23 Ultra aus gestalterischer Sicht immer noch die gleichbleibende Raffinesse und High-End-Qualität von Samsung bei. Sein einzigartiges, leicht gebogenes Bildschirmdesign verbessert nicht nur die Gesamtästhetik des Telefons, sondern bietet Benutzern auch ein noch intensiveres visuelles Erlebnis. im täglichen Gebrauch
So implementieren Sie die JSP-Paging-Funktion
Mar 04, 2024 pm 04:40 PM
Implementierungsschritte: 1. Führen Sie die JSTL-Tag-Bibliothek in die JSP-Seite ein. 3. Paginieren Sie die Daten. 5. Zeigen Sie die Nummer entsprechend der aktuellen Seite an Rufen Sie einfach die entsprechenden Daten aus den Paging-Daten ab und zeigen Sie sie auf der Seite an.
