Li alignment problem._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;}
@*
在360，谷歌，火狐都能对齐,在IE下第一个LI没对齐.
回复讨论(解决方案)
自己代码 有问题
自己代码 有问题
发完整的上来
代码本身存在很多问题
发完整的上来
代码本身存在很多问题
.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; 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_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)
Can you remove all your
first
Add
Don’t send the razor view code to the browser The source code
.WfbotliSpan{padding:0 0 13px 15px;display:inline-block; float:left;}
can be removed directly. Since you are adding float per line, why are you adding float?
Can you remove all your
first?
Add
Don’t post the razor view. Code Send the source code of the browser
.WfbotliSpan{padding:0 0 13px 15px;display:inline-block; float:left;}
You can remove it directly. Since you are adding float per line, why are you adding float?
.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; 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;}
="color99">． Search for documents
Download and View
span class="WfbotliSpan">Contact information
Email service@botudata.com.cn
color99">． Customer service phone number 0731-8411-8472
8:30-11:30,13:30-17:30 (working days)
WfbotliSpan">Language
English
Chinese
🎜>
Can you remove all your
first? Add
Don’t send the code of the razor view. Send it to the browser. The source code of the device
.WfbotliSpan{padding:0 0 13px 15px;display:inline-block; float:left;}
can be removed directly. Since you are adding float per line, why are you adding float?
br is used to force a line break.
li It comes from a line break itself, no need br
li It comes from a line break itself, no need br
....can Can you add QQ to chat? It still doesn’t work.
Send the html source code of your browser
[/code]
[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>Send the html source code of your browser 变这样了 ..
源文件
.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; }
.Wfbotmain ul a,#foot_text a{color:#666666;}
.Wfbotli{border-right:1px dashed #ddd;}
.Wfbotli li { text-align:left;}
.WfbotliSpan{padding:0 0 13px 15px;display:inline-block;}
.color99{padding-left:3px;}
． Search for documents
Download and View
li>Contact information ． Email service@botudata.com.cn
Customer service phone number 0731-8411-8472
8:30-11:30,13:30-17:30 (working days)
span class="WfbotliSpan">Language
;li> ． Chinese
🎜>
[/code]
Is this okay for you?
[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>I added the float of ul. But there is a problem with the style under Google. Both IE and 360 are fine.
What’s the problem with Google? Send me a picture to see.
What’s the problem with Google? Send me a picture to see.
Is there any problem with this? Do you want to be centered or to the left or something?
Is there any problem with this? Do you want to be centered or to the left or something?
It’s nothing.... It’s easy to solve it yourself. . This kind of problem. Thank you so much! ! !
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1378
52
C++ object layout is aligned with memory to optimize memory usage efficiency
Jun 05, 2024 pm 01:02 PM
C++ object layout and memory alignment optimize memory usage efficiency: Object layout: data members are stored in the order of declaration, optimizing space utilization. Memory alignment: Data is aligned in memory to improve access speed. The alignas keyword specifies custom alignment, such as a 64-byte aligned CacheLine structure, to improve cache line access efficiency.
What element is li?
Aug 03, 2023 am 11:19 AM
li is an element in the HTML markup language and is used to create lists. li represents a list item, which is a child element of ul or ol. The role of the li tag is to define each item in the list. In HTML, the li element is usually used with the ul or ol element to create an ordered or unordered list. Unordered lists use the ul element, and list items are represented by the li element, while ordered lists use the ol element, also using li Element representation.
What is li in html
Nov 19, 2021 pm 03:31 PM
In HTML, the full English name of li is "list item", which means "list item". It is an element tag that defines a list item. The syntax is "<li>list item content</li>"; "<li>" tag Available in ordered list "<ol>" and unordered list "<ul>".
How to remove li default style in css
Jan 28, 2023 pm 02:09 PM
How to remove the li default style in css: 1. Create an HTML sample file; 2. Add the li tag content; 3. Set the "list-style-type" attribute to "none" in css to remove the li default style.
How to align layers in Photoshop
Apr 01, 2024 am 11:31 AM
1. First, we need to open the Photoshop software and enter the interface, and the author will take the picture as shown below as an example to demonstrate the alignment between layers. 2. If we want to align layers, we first need to find the layer bar in the lower right corner of the interface. 3. Then, if the layer is not rasterized or unlocked, we need to right-click the layer to rasterize or double-click to unlock it. 4. Next, we need to hold down shift and select the layers that need to be aligned. 5. Finally, we need to find the [Select] tool in the toolbar, and find the Alignment tool in the upper function bar. We click the way we want to align, and we can quickly align the selected layers.
CSS text property optimization tips: font, line height, and text alignment
Oct 22, 2023 am 08:15 AM
CSS text attribute optimization tips: font, line height and text alignment In web design, text is an integral part. By optimizing CSS text properties, we can improve the readability and user experience of our website. This article will share some optimization tips, including choosing the right font, setting reasonable line height and text alignment, and provide specific code examples. 1. Choose the right font Choosing the right font is crucial to the readability and visual effect of the web page. Here are a few key factors to consider: Font families: Choose ones with good
How to display different colors in css li
Jan 28, 2023 pm 01:48 PM
How to implement different colors for css li: 1. Modify the li color through the "ul li::marker {color: #3860f4;}" attribute; 2. Through "li:before {content: "";width: 6px;height : 6px;display: inline-block;border-radius: 50%;background: #4F8EFF..." attribute sets the color.
Align flex items to center of container using CSS
Sep 19, 2023 pm 02:57 PM
Align flex items to the center using the justify-content property with a value of center. Example You can try running the following code to achieve a live demonstration of the central value <!DOCTYPEhtml><html> <head> <style> .mycontainer{ &nbs
