masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > Tutorial H5 > li标签实现日期，标题右对齐的方法

li标签实现日期，标题右对齐的方法

巴扎黑
Lepaskan： 2018-05-18 17:17:50
asal
4446 orang telah melayarinya


希望实现标题在左对齐，日期在右对齐，当直接给日期的span加上float:right时，IE8和FF都OK，但IE6/7则会换行，下面给出一个简单有效的解决办法。

<!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>
<!--

#mylist { width:400px; list-style-type:none; margin:0; padding:0; }
#mylist li span {
        float:right; 
}
--> 
</style> 
</head> 
<body> 
<ul id="mylist">

        <li><span>2011-12-2</span>Web开发者网络（Admin10000.com）</li>
        <li><span>2011-12-2</span>Web开发者网络（Admin10000.com）</li>
        <li><span>2011-12-2</span>Web开发者网络（Admin10000.com）</li>         
</ul>

</body> 
</html>
Salin selepas log masuk

注意: 要把 span 写到Li标签中的最前面，这样在IE6/IE7/FF3.5之前版本中才能保证 span中日期右对齐。




Atas ialah kandungan terperinci li标签实现日期，标题右对齐的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
Penjajaran 日期 标题
sumber：php.cn
Artikel sebelumnya：H5移动端 超实用的css3模拟边框最新研究示例代码 Artikel seterusnya：HTML5中meta属性的使用代码示例详解
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Tatasusunan PHP yang diperoleh daripada parameter URL tidak berkelakuan seperti yang diharapkan Saya mempunyai parameter URL yang mengandungi id kategori dan saya mahu menganggapnya seba...
daripada 2024-04-06 22:09:02
0
1
1428
Di mana saya harus meletakkan arahan CustomLog dalam apache Saya menggunakan php:7.2-apachedocker. Saya perlu melumpuhkan log akses log masuk url sema...
daripada 2024-04-06 22:03:59
0
1
990
Bagaimana untuk memaparkan hanya nilai terendah daripada set hasil (MYSQL) Saya mempunyai pernyataan berikut: pilihDATE(diterima_pada)sebagaiHari,pusingan(kira(*)/24...
daripada 2024-04-06 21:44:19
0
1
603
Animasi kad hover imej menggunakan CSS Tailwind tidak berfungsi seperti yang diharapkan. <html><body><divclass="groupcardmy-14mx-3w-80h-100bg-gray-800rounded-x...
daripada 2024-04-06 13:43:17
0
1
356
Mysql mengembalikan beberapa rekod sebagai kosong dalam medan tarikh kerana tarikh mempunyai pelbagai format Saya cuba menganalisis lajur tarikh_pesanan dan lajur mempunyai berbilang format tarikh da...
daripada 2024-04-06 13:29:40
0
1
466
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan