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的力量了！
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1384
52
Petua Python masih boleh melaksanakan antara muka grafik tanpa menggunakan Gui
Apr 12, 2023 pm 04:43 PM
Sekiranya terdapat apa-apa yang ditakuti oleh pengaturcara, maka saya fikir mungkin keperluan telah berubah lagi Tidak, selepas pengarang membangunkan aplikasi Web berasaskan pelayar, pelanggan berkata: Program ini perlu dalaman (tidak) dalaman (rangkaian) ) persekitaran... Ini bermakna persekitaran Python tidak boleh dipasang Siapakah yang memanggil kami sebagai pengaturcara? Saya tidak dapat bertenang... ...Untuk tidak menjejaskan penilaian pelanggan, kami hanya boleh memberikan satu minggu Walaupun tidak sukar untuk membayangkan GUI, ia perlu menyusun perkhidmatan dan antara muka interaktif dengannya pengguna. Jika tidak, anda perlu menulis antara muka yang berasingan untuk GUI, yang jelas tidak cukup masa. Tidak, mari kita fikirkan cara lain...jika tidak, kita boleh menggunakan Web sahaja
Adakah jsp bahagian hadapan atau belakang?
Jan 28, 2023 pm 06:23 PM
jsp tergolong dalam bahagian belakang. Intipati jsp ialah servlet, dan servlet ialah aplikasi java bahagian pelayan, jadi jsp ialah teknologi back-end. JSP digunakan pada pelayan rangkaian dan boleh bertindak balas kepada permintaan yang dihantar oleh klien dan menjana halaman Web HTML, XML atau dokumen format lain secara dinamik berdasarkan kandungan permintaan, dan kemudian mengembalikannya kepada peminta. Teknologi JSP menggunakan Java sebagai bahasa skrip untuk menyediakan perkhidmatan untuk permintaan HTTP pengguna, dan boleh mengendalikan keperluan perniagaan yang kompleks bersama-sama dengan program Java lain pada pelayan.
Apakah yang perlu saya lakukan jika antara muka perkataan menjadi lebih kecil?
Mar 20, 2024 pm 09:30 PM
Apabila kita menggunakan komputer untuk mengendalikan dan mengedit dokumen perkataan, kita sering tidak tahu di mana kita menyentuh, dan antara muka tiba-tiba menjadi sangat kecil Kadang-kadang teks dalam dokumen perkataan tidak dapat dilihat dengan jelas. Sesetengah orang mungkin panik apabila menghadapi masalah sedemikian, memikirkan bahawa komputer tidak berfungsi Sebenarnya, ia hanya kerana anda telah menghadapi tetapan tertentu dan melaraskan paparan. Jadi, jika anda menukar saiz paparan antara muka secara tidak sengaja, bagaimanakah anda harus memulihkan dan melaraskannya? Apakah yang perlu saya lakukan jika antara muka perkataan menjadi lebih kecil? Di bawah, kami akan berkongsi beberapa cara untuk menyelesaikannya. Saya harap anda dapat menanganinya dengan mudah apabila anda menghadapi masalah seperti itu. Mula-mula, kami mencipta dan membuka dokumen Word dan melaksanakan operasi penyuntingan mudah untuk menunjukkan langkah-langkah. Dalam gambar di bawah
Apakah perbezaan antara jsp dan html
Jan 09, 2024 am 10:46 AM
Perbezaan antara jsp dan html: 1. Mekanisme operasi; 3. Hubungan dengan Java; 5. Hubungan dengan back-end; ; 9. Akhiran fail dan alat pengenalan 10. Komuniti dan sokongan; Pengenalan terperinci: 1. Mekanisme pengendalian HTML ialah bahasa penanda, terutamanya digunakan untuk menerangkan dan mentakrifkan kandungan halaman web Ia dijalankan pada klien dan ditafsirkan dan dilaksanakan oleh pelayar web yang dinamik bahagian pelayan, dsb. tunggu.
Bagaimana untuk mengintegrasikan JSP dalam projek SpringBoot
May 12, 2023 pm 07:40 PM
Selepas projek springboot baharu dibuat, direktori adalah seperti berikut: Langkah 1: Tambah kod pakej jar yang diperlukan untuk mengkonfigurasi jsp ke fail pom projek: org.apache.tomcat.embedtomcat-embed-jasperprovided Langkah 2: Buat direktori baharu webapp di bawah laluan utama , cipta laluan baharu WEB-INF di bawah aplikasi web, cipta laluan baharu jsp di bawah WEB-INF dan letakkan fail jsp yang ingin kami gunakan di bawah laluan ini fail jsp dalam fail konfigurasi utama: spring .mvc.view.prefix=/WEB-INF/jsp/sp
Dua penyelidik Google China mengeluarkan model 'pemahaman UI mudah alih' visual yang pertama, empat tugas utama untuk menyegarkan SOTA
Apr 12, 2023 pm 04:40 PM
Bagi AI, "bermain dengan telefon mudah alih" bukanlah tugas yang mudah Hanya mengenal pasti pelbagai antara muka pengguna (UI) adalah masalah besar: bukan sahaja jenis setiap komponen mesti dikenal pasti, tetapi juga simbol yang digunakan, kedudukan untuk menentukan fungsi. daripada komponen tersebut. Memahami UI peranti mudah alih boleh membantu merealisasikan pelbagai tugas interaksi manusia-komputer, seperti automasi UI. Kerja sebelumnya untuk memodelkan UI mudah alih biasanya bergantung pada maklumat hierarki paparan skrin, secara langsung menggunakan data struktur UI, dan dengan itu memintas masalah mengenal pasti komponen bermula dari piksel skrin. Walau bagaimanapun, hierarki paparan tidak tersedia dalam semua senario Kaedah ini biasanya menghasilkan hasil yang salah disebabkan penerangan objek yang hilang atau maklumat struktur yang salah letak, jadi walaupun anda menggunakan.
Bolehkah maharaja mesin sebelum ini melawan lagi? Perkongsian pengalaman praktikal Samsung Galaxy S23 Ultra
Mar 12, 2024 pm 01:58 PM
Dalam pasaran telefon pintar, siri Galaxy Samsung sentiasa menarik perhatian kerana prestasi cemerlang dan reka bentuk yang inovatif. Sebagai raja mesin generasi sebelumnya, Galaxy S23 Ultra telah digemari oleh pengguna sejak dikeluarkan. Apabila masa berlalu, model baru muncul satu demi satu Jadi, adakah bekas raja mesin ini masih boleh bersaing hari ini? Seterusnya, saya akan berkongsi pengalaman sebenar saya menggunakan Samsung Galaxy S23 Ultra dan membincangkan isu ini dengan semua orang. Pertama sekali, dari sudut reka bentuk penampilan, Galaxy S23 Ultra masih mengekalkan keanggunan dan kemewahan tinggi yang konsisten. Reka bentuk skrin melengkung sedikit yang unik bukan sahaja meningkatkan estetika keseluruhan telefon, tetapi juga membawa pengalaman visual yang lebih mengasyikkan kepada pengguna. dalam kegunaan harian
Bagaimana untuk melaksanakan fungsi paging jsp
Mar 04, 2024 pm 04:40 PM
Langkah-langkah pelaksanaan: 1. Memperkenalkan perpustakaan tag JSTL ke dalam halaman JSP 2. Mendapatkan data daripada pangkalan data 3. Mengelui data 4. Memaparkan bar navigasi halaman 5. Memaparkan nombor mengikut halaman semasa; nombor dan setiap halaman , hanya dapatkan data yang sepadan daripada data halaman dan paparkannya pada halaman.
