Li 对齐问题._html/css_WEB-ITnose
.Wfbotmain{min-width:1200px;color:#666666;font-size:12px;padding-top:20px;background:#F9F9F9;margin:0px auto; text-align:center;}
.Wfbotmain ul{ line-height:18px;height:110px;padding:0 20px 25px 25px; float:left; }
.Wfbotmain ul a,#foot_text a{color:#666666;}
.Wfbotli{border-right:1px dashed #ddd;}
.Wfbotli li { float:left;}
.WfbotliSpan{padding:0 0 13px 15px;display:inline-block; float:left;}
.color99{padding-left:3px;}
@*
-
@ADDS_Lan.S_ADDS_Footer_CustomerServices
- .@ADDS_Lan.S_ADDS_Footer_UserJY
-
@ADDS_Lan.S_ADDS_Footer_Follow
- .@ADDS_Lan.S_ADDS_Footer_MicroletterAttention
- .@ADDS_Lan.S_ADDS_Footer_Platform
- .@ADDS_Lan.S_ADDS_Footer_Business
-
@ADDS_Lan.S_ADDS_Footer_AdvertisingSer
- .@ADDS_Lan.S_ADDS_Footer_Pricesystem
- .@ADDS_Lan.S_ADDS_Footer_Advertising
- .@ADDS_Lan.S_ADDS_Footer_Servicesguarantee
-
@ADDS_Lan.S_ADDS_Footer_UseTheHelp
- .@ADDS_Lan.S_ADDS_Footer_RegistrationandLogin
- .@ADDS_Lan.S_ADDS_Footer_Retrieval
- .@ADDS_Lan.S_ADDS_Footer_DownloadandView
-
@ADDS_Lan.S_ADDS_Footer_Contact
- .@ADDS_Lan.S_ADDS_Footer_Email service@botudata.com.cn
- .@ADDS_Lan.S_ADDS_Footer_TelPhone 0731-8411-8472
- .8:30-11:30,13:30-17:30(@ADDS_Lan.S_ADDS_Footer_WorkDay)
在360,谷歌,火狐都能对齐,在IE下第一个LI没对齐.
回复讨论(解决方案)
自己代码 有问题
- @ADDS_Lan.S_ADDS_Footer_CustomerServices
- .@ADDS_Lan.S_ADDS_Footer_UserJY
- .@ADDS_Lan.S_ADDS_Footer_MicroletterAttention
- .@ADDS_Lan.S_ADDS_Footer_Platform
- .@ADDS_Lan.S_ADDS_Footer_Business
- .@ADDS_Lan.S_ADDS_Footer_Pricesystem
- .@ADDS_Lan.S_ADDS_Footer_Advertising
- .@ADDS_Lan.S_ADDS_Footer_Servicesguarantee
- .@ADDS_Lan.S_ADDS_Footer_RegistrationandLogin
- .@ADDS_Lan.S_ADDS_Footer_Retrieval
- .@ADDS_Lan.S_ADDS_Footer_DownloadandView
- .@ADDS_Lan.S_ADDS_Footer_Email service@botudata.com.cn
- .@ADDS_Lan.S_ADDS_Footer_TelPhone 0731-8411-8472
- .8:30-11:30,13:30-17:30(@ADDS_Lan.S_ADDS_Footer_WorkDay)
-
别发razor 视图的代码 发浏览器的源码
.WfbotliSpan{padding:0 0 13px 15px;display:inline-block; float:left;}
可以直接去掉了 你既然是一行一条 加float 浮动干嘛
能先把你的
都去了么
把你的ul 里面的span 先都加上 -
别发razor 视图的代码 发浏览器的源码
.WfbotliSpan{padding:0 0 13px 15px;display:inline-block; float:left;}
可以直接去掉了 你既然是一行一条 加float 浮动干嘛
- 客户服务
- .用户建议
-
联系方式
- .邮箱 service@botudata.com.cn
- .客服电话 0731-8411-8472
- .8:30-11:30,13:30-17:30(工作日)
能先把你的
都去了么
把你的ul 里面的span 先都加上
别发razor 视图的代码 发浏览器的源码
.WfbotliSpan{padding:0 0 13px 15px;display:inline-block; float:left;}
可以直接去掉了 你既然是一行一条 加float 浮动干嘛 br 是用来强制换行的 .li 本身就换行而来 不用br
li 本身就换行而来 不用br
....能加下QQ细聊吗. 还是不行的 。发你浏览器的html 源码
[code=html]<style type="text/css"> .WfBottom { min-width: 1200px; background: #F9F9F9; border-top: 1px solid #E9E9E9; margin: 0px auto; text-align: center; } .Wfbotmain { min-width: 1200px; color: #666666; font-size: 12px; padding-top: 20px; background: #F9F9F9; margin: 0px auto; text-align: center; } .Wfbotmain ul { line-height: 18px; height: 110px; padding: 0 20px 25px 25px; width:60px; overflow:hidden; float: left; } .Wfbotmain ul a, #foot_text a { color: #666666; } .Wfbotli { border-right: 1px dashed #ddd; } .Wfbotli li { } .color99 { padding-left: 3px; } </style> <div class="Wfbotmain" style="padding-left: 400px"> <ul class="Wfbotli" id="fulleft"> <li><span class="WfbotliSpan"><b>@ADDS_Lan.S_ADDS_Footer_CustomerServices</b></span></li> <li><span class="color99">.</span><a href="" target="_blank">@ADDS_Lan.S_ADDS_Footer_UserJY</a></li> </ul> <ul class="Wfbotli"> <li><span class="WfbotliSpan"><b>@ADDS_Lan.S_ADDS_Footer_Follow</b></span></li> <li><span class="color99">.</span><a href="" target="_blank">@ADDS_Lan.S_ADDS_Footer_MicroletterAttention</a></li> <li><span class="color99">.</span><a href="../About" target="_blank">@ADDS_Lan.S_ADDS_Footer_Platform</a></li> <li><span class="color99">.</span><a target="_blank" href="">@ADDS_Lan.S_ADDS_Footer_Business</a></li> </ul> <ul class="Wfbotli"> <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Pricesystem</a></li> <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Advertising</a></li> <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Servicesguarantee</a></li> </ul> <ul class="Wfbotli"> <li><span class="color99">.</span><a href="../CustomManager/CustomManagerLogin">@ADDS_Lan.S_ADDS_Footer_RegistrationandLogin</a></li> <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Retrieval</a></li> <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_DownloadandView</a></li> </ul> <ul class="Wfbotli"> <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Email service@botudata.com.cn</a></li> <li><span class="color99">.</span>@ADDS_Lan.S_ADDS_Footer_TelPhone 0731-8411-8472</li><br /> <li><span class="color99">.</span>8:30-11:30,13:30-17:30(@ADDS_Lan.S_ADDS_Footer_WorkDay)</li> </ul> <ul> <li><span class="color99">.</span><a href="" onclick="ChangeCulture('English')" id="zh-EN" name="multiLanguageSwitch">English</a></li> <li><span class="color99"> .</span><a href="" onclick="ChangeCulture('Chinese')" id="zh-CN">Chinese</a></li> </ul> </div>
Copier après la connexionCopier après la connexion
[/code]发你浏览器的html 源码
变这样了 ..
源文件
[code=html]<style type="text/css"> .WfBottom { min-width: 1200px; background: #F9F9F9; border-top: 1px solid #E9E9E9; margin: 0px auto; text-align: center; } .Wfbotmain { min-width: 1200px; color: #666666; font-size: 12px; padding-top: 20px; background: #F9F9F9; margin: 0px auto; text-align: center; } .Wfbotmain ul { line-height: 18px; height: 110px; padding: 0 20px 25px 25px; width:60px; overflow:hidden; float: left; } .Wfbotmain ul a, #foot_text a { color: #666666; } .Wfbotli { border-right: 1px dashed #ddd; } .Wfbotli li { } .color99 { padding-left: 3px; } </style> <div class="Wfbotmain" style="padding-left: 400px"> <ul class="Wfbotli" id="fulleft"> <li><span class="WfbotliSpan"><b>@ADDS_Lan.S_ADDS_Footer_CustomerServices</b></span></li> <li><span class="color99">.</span><a href="" target="_blank">@ADDS_Lan.S_ADDS_Footer_UserJY</a></li> </ul> <ul class="Wfbotli"> <li><span class="WfbotliSpan"><b>@ADDS_Lan.S_ADDS_Footer_Follow</b></span></li> <li><span class="color99">.</span><a href="" target="_blank">@ADDS_Lan.S_ADDS_Footer_MicroletterAttention</a></li> <li><span class="color99">.</span><a href="../About" target="_blank">@ADDS_Lan.S_ADDS_Footer_Platform</a></li> <li><span class="color99">.</span><a target="_blank" href="">@ADDS_Lan.S_ADDS_Footer_Business</a></li> </ul> <ul class="Wfbotli"> <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Pricesystem</a></li> <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Advertising</a></li> <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Servicesguarantee</a></li> </ul> <ul class="Wfbotli"> <li><span class="color99">.</span><a href="../CustomManager/CustomManagerLogin">@ADDS_Lan.S_ADDS_Footer_RegistrationandLogin</a></li> <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Retrieval</a></li> <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_DownloadandView</a></li> </ul> <ul class="Wfbotli"> <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Email service@botudata.com.cn</a></li> <li><span class="color99">.</span>@ADDS_Lan.S_ADDS_Footer_TelPhone 0731-8411-8472</li><br /> <li><span class="color99">.</span>8:30-11:30,13:30-17:30(@ADDS_Lan.S_ADDS_Footer_WorkDay)</li> </ul> <ul> <li><span class="color99">.</span><a href="" onclick="ChangeCulture('English')" id="zh-EN" name="multiLanguageSwitch">English</a></li> <li><span class="color99"> .</span><a href="" onclick="ChangeCulture('Chinese')" id="zh-CN">Chinese</a></li> </ul> </div>
Copier après la connexionCopier après la connexion
[/code] 你这可以了>?ul的float 不能去掉
ul的float 不能去掉
我加了ul的float 好了。但谷歌下样式有问题. IE和360都可以了.
谷歌有什么问题 发个图看看
谷歌有什么问题 发个图看看
这个有什么问题么 你是要居中 还是 要靠左什么的
这个有什么问题么 你是要居中 还是 要靠左什么的
没什么了 .... 自己好解决 。。这种问题。 非常感谢!!!
自己代码 有问题
- 我在span前加个li 也还是一样.
发完整的上来
代码本身存在很多问题
发完整的上来
代码本身存在很多问题
@*
-
@ADDS_Lan.S_ADDS_Footer_Follow
-
@ADDS_Lan.S_ADDS_Footer_AdvertisingSer
-
@ADDS_Lan.S_ADDS_Footer_UseTheHelp
-
@ADDS_Lan.S_ADDS_Footer_Contact
能先把你的
都去了么
把你的ul 里面的span 先都加上

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

La disposition des objets C++ et l'alignement de la mémoire optimisent l'efficacité de l'utilisation de la mémoire : Disposition des objets : les données membres sont stockées dans l'ordre de déclaration, optimisant ainsi l'utilisation de l'espace. Alignement de la mémoire : les données sont alignées en mémoire pour améliorer la vitesse d'accès. Le mot clé alignas spécifie un alignement personnalisé, tel qu'une structure CacheLine alignée sur 64 octets, pour améliorer l'efficacité de l'accès à la ligne de cache.

li est un élément du langage de balisage HTML et est utilisé pour créer des listes. li représente un élément de liste, qui est un élément enfant de ul ou ol. Le rôle de la balise li est de définir chaque élément de la liste. En HTML, l'élément li est généralement utilisé avec l'élément ul ou ol pour créer une liste ordonnée ou non. Les listes non ordonnées utilisent l'élément ul, et les éléments de liste sont représentés par l'élément li, tandis que les listes ordonnées utilisent l'élément ol, en utilisant également. li Représentation des éléments.

En HTML, le nom anglais complet de li est "list item", ce qui signifie "list item". Il s'agit d'une balise d'élément qui définit un élément de liste. La syntaxe est "<li>list item content</li>" ; Balise <li>" Disponible en liste ordonnée "<ol>" et en liste non ordonnée "<ul>".

Comment supprimer le style par défaut li en CSS : 1. Créez un exemple de fichier HTML ; 2. Ajoutez le contenu de la balise li ; 3. Définissez l'attribut "list-style-type" sur "aucun" en CSS pour supprimer le style par défaut li. .

1. Tout d'abord, nous devons ouvrir le logiciel Photoshop et accéder à l'interface, et l'auteur prendra la photo comme indiqué ci-dessous à titre d'exemple pour démontrer l'alignement entre les calques. 2. Si nous voulons aligner les calques, nous devons d’abord trouver la barre des calques dans le coin inférieur droit de l’interface. 3. Ensuite, si le calque n'est pas pixellisé ou déverrouillé, nous devons cliquer avec le bouton droit sur le calque à pixelliser ou double-cliquer pour le déverrouiller. 4. Ensuite, nous devons maintenir la touche Maj enfoncée et sélectionner les calques qui doivent être alignés. 5. Enfin, nous devons trouver l'outil [Sélectionner] dans la barre d'outils et trouver l'outil Alignement dans la barre de fonctions supérieure. Nous cliquons sur la manière dont nous voulons aligner et nous pouvons aligner rapidement les calques sélectionnés.

Conseils d'optimisation des attributs de texte CSS : police, hauteur de ligne et alignement du texte Dans la conception Web, le texte fait partie intégrante. En optimisant les propriétés du texte CSS, nous pouvons améliorer la lisibilité et l'expérience utilisateur de notre site Web. Cet article partagera quelques conseils d'optimisation, notamment le choix de la bonne police, la définition d'une hauteur de ligne et d'un alignement de texte raisonnables, et fournira des exemples de code spécifiques. 1. Choisissez la bonne police Le choix de la bonne police est crucial pour la lisibilité et l'effet visuel de la page Web. Voici quelques facteurs clés à prendre en compte : Familles de polices : choisissez celles qui présentent un bon

Comment implémenter css li pour afficher différentes couleurs : 1. Modifiez la couleur li via l'attribut "ul li::marker {color: #3860f4;}" 2. Via "li:before {content: "";width: 6px ;hauteur : 6px;affichage : bloc en ligne ;bordure-radius : 50 % ;arrière-plan : #4F8EFF..." L'attribut définit la couleur.

Alignez les éléments flexibles au centre à l'aide de la propriété justifier-contenu avec la valeur center. Exemple Vous pouvez essayer d'exécuter le code suivant pour réaliser une démonstration en direct de la valeur centrale <!DOCTYPEhtml><html> <head> <style> .mycontainer{ &nbs
