Home >Web Front-end >HTML Tutorial >Li alignment problem._html/css_WEB-ITnose

Li alignment problem._html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal: 2016-06-24 11:58:311308browse

.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;}
531ac245ce3e4fe3d50054a55f265927
        @*dc4edef005eab2db8e65c52ac24b814b *@
        4afb629a74ac72496cf18a7965a4a36f
         657e8f4ceac3d8b666e2738aa17cda2a67b9032f6027aeca0a9e66eced12e9afa4b561c25d9afb9ac8dc4d70affff419@ADDS_Lan.S_ADDS_Footer_CustomerServices0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d11491c6107534735594166ce5a7d6d95299
        25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d114229377474ba2149f969981f27d68b573@ADDS_Lan.S_ADDS_Footer_UserJY5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
            929d1f5ca49e04fdcb27f9465b944689
            b99463559314e89ec2c30d27e889276167b9032f6027aeca0a9e66eced12e9afa4b561c25d9afb9ac8dc4d70affff419@ADDS_Lan.S_ADDS_Footer_Follow0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d11491c6107534735594166ce5a7d6d95299
             25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d114229377474ba2149f969981f27d68b573@ADDS_Lan.S_ADDS_Footer_MicroletterAttention5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d114fd926bb97aa50e5322c2909f4918edb6@ADDS_Lan.S_ADDS_Footer_Platform5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d114e97b3a366f2762a82a523ce4871dcb47@ADDS_Lan.S_ADDS_Footer_Business5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
              929d1f5ca49e04fdcb27f9465b944689
            2e83d5e05c39eb5bef408ac1748efa4767b9032f6027aeca0a9e66eced12e9afa4b561c25d9afb9ac8dc4d70affff419@ADDS_Lan.S_ADDS_Footer_AdvertisingSer0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d11491c6107534735594166ce5a7d6d95299
             25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d1144a9a15db5196d2224f74a8c9d60ee538@ADDS_Lan.S_ADDS_Footer_Pricesystem5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d1144a9a15db5196d2224f74a8c9d60ee538@ADDS_Lan.S_ADDS_Footer_Advertising5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d1144a9a15db5196d2224f74a8c9d60ee538@ADDS_Lan.S_ADDS_Footer_Servicesguarantee5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
            929d1f5ca49e04fdcb27f9465b944689

            2e83d5e05c39eb5bef408ac1748efa4767b9032f6027aeca0a9e66eced12e9afa4b561c25d9afb9ac8dc4d70affff419@ADDS_Lan.S_ADDS_Footer_UseTheHelp0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d11491c6107534735594166ce5a7d6d95299
             25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d114b1b4959acbbe3ec2fc108c622c72a8d5@ADDS_Lan.S_ADDS_Footer_RegistrationandLogin5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d1144a9a15db5196d2224f74a8c9d60ee538@ADDS_Lan.S_ADDS_Footer_Retrieval5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb 91c6107534735594166ce5a7d6d95299
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d1144a9a15db5196d2224f74a8c9d60ee538@ADDS_Lan.S_ADDS_Footer_DownloadandView5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
            929d1f5ca49e04fdcb27f9465b944689
            2e83d5e05c39eb5bef408ac1748efa4767b9032f6027aeca0a9e66eced12e9afa4b561c25d9afb9ac8dc4d70affff419@ADDS_Lan.S_ADDS_Footer_Contact0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d11491c6107534735594166ce5a7d6d95299
             25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d1144a9a15db5196d2224f74a8c9d60ee538@ADDS_Lan.S_ADDS_Footer_Email service@botudata.com.cn5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d114@ADDS_Lan.S_ADDS_Footer_TelPhone 0731-8411-8472bed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d1148:30-11:30,13:30-17:30(@ADDS_Lan.S_ADDS_Footer_WorkDay)bed06894275b65c1ab86501b08a632eb
            929d1f5ca49e04fdcb27f9465b944689
            ff6d136ddc5fdfeffaf53ff6ee95f18567b9032f6027aeca0a9e66eced12e9afa4b561c25d9afb9ac8dc4d70affff419@ADDS_Lan.BI_AS_Language0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d11491c6107534735594166ce5a7d6d95299
             25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d11498339284453b6ff5adb90d6696ad9ffeEnglish5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d  ．54bdf357c58b8a65c66d7c19c8e4d114a834476fd5121a54cbf35bbc0d8c4df9Chinese5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
            929d1f5ca49e04fdcb27f9465b944689

在360，谷歌，火狐都能对齐,在IE下第一个LI没对齐.

回复讨论(解决方案)

自己代码有问题

657e8f4ceac3d8b666e2738aa17cda2a 67b9032f6027aeca0a9e66eced12e9af

我在span前加个li 也还是一样.

发完整的上来
代码本身存在很多问题 bed06894275b65c1ab86501b08a632eb 076402276aae5dbec7f672f8f4e5cc81

ef0d2420b1e5291570a81009eee48a1a
.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;}
531ac245ce3e4fe3d50054a55f265927
        @*dc4edef005eab2db8e65c52ac24b814b *@
        4afb629a74ac72496cf18a7965a4a36f
         657e8f4ceac3d8b666e2738aa17cda2a25edfb22a4f469ecb59f1190150159c667b9032f6027aeca0a9e66eced12e9afa4b561c25d9afb9ac8dc4d70affff419@ADDS_Lan.S_ADDS_Footer_CustomerServices0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d114bed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
        25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d114229377474ba2149f969981f27d68b573@ADDS_Lan.S_ADDS_Footer_UserJY5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
            929d1f5ca49e04fdcb27f9465b944689
            b99463559314e89ec2c30d27e889276167b9032f6027aeca0a9e66eced12e9afa4b561c25d9afb9ac8dc4d70affff419@ADDS_Lan.S_ADDS_Footer_Follow0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d11491c6107534735594166ce5a7d6d95299
             25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d114229377474ba2149f969981f27d68b573@ADDS_Lan.S_ADDS_Footer_MicroletterAttention5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d114fd926bb97aa50e5322c2909f4918edb6@ADDS_Lan.S_ADDS_Footer_Platform5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d114e97b3a366f2762a82a523ce4871dcb47@ADDS_Lan.S_ADDS_Footer_Business5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
              929d1f5ca49e04fdcb27f9465b944689
            2e83d5e05c39eb5bef408ac1748efa4767b9032f6027aeca0a9e66eced12e9afa4b561c25d9afb9ac8dc4d70affff419@ADDS_Lan.S_ADDS_Footer_AdvertisingSer0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d11491c6107534735594166ce5a7d6d95299
             25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d1144a9a15db5196d2224f74a8c9d60ee538@ADDS_Lan.S_ADDS_Footer_Pricesystem5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d1144a9a15db5196d2224f74a8c9d60ee538@ADDS_Lan.S_ADDS_Footer_Advertising5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d1144a9a15db5196d2224f74a8c9d60ee538@ADDS_Lan.S_ADDS_Footer_Servicesguarantee5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
            929d1f5ca49e04fdcb27f9465b944689

            47e39d84beb57aab2556829c4865779b3d668b0ac311bc94131d180ef5252128a4b561c25d9afb9ac8dc4d70affff419@ADDS_Lan.S_ADDS_Footer_UseTheHelp0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d114ff9d32c555bb1d9133a29eb4371c1213
             25edfb22a4f469ecb59f1190150159c612677f371d51c8c51307f835f3dfe7c4．54bdf357c58b8a65c66d7c19c8e4d1147d8527f71b4cd15db37837e7f0a7385a@ADDS_Lan.S_ADDS_Footer_RegistrationandLogin5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632ebff9d32c555bb1d9133a29eb4371c1213
                25edfb22a4f469ecb59f1190150159c612677f371d51c8c51307f835f3dfe7c4．54bdf357c58b8a65c66d7c19c8e4d1146170e8999ab19ec641e0422470b16d5c@ADDS_Lan.S_ADDS_Footer_Retrieval5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb ff9d32c555bb1d9133a29eb4371c1213
                25edfb22a4f469ecb59f1190150159c612677f371d51c8c51307f835f3dfe7c4．54bdf357c58b8a65c66d7c19c8e4d1146170e8999ab19ec641e0422470b16d5c@ADDS_Lan.S_ADDS_Footer_DownloadandView5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
            929d1f5ca49e04fdcb27f9465b944689
            47e39d84beb57aab2556829c4865779b3d668b0ac311bc94131d180ef5252128a4b561c25d9afb9ac8dc4d70affff419@ADDS_Lan.S_ADDS_Footer_Contact0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d114ff9d32c555bb1d9133a29eb4371c1213
             25edfb22a4f469ecb59f1190150159c612677f371d51c8c51307f835f3dfe7c4．54bdf357c58b8a65c66d7c19c8e4d1146170e8999ab19ec641e0422470b16d5c@ADDS_Lan.S_ADDS_Footer_Email service@botudata.com.cn5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632ebff9d32c555bb1d9133a29eb4371c1213
                25edfb22a4f469ecb59f1190150159c612677f371d51c8c51307f835f3dfe7c4．54bdf357c58b8a65c66d7c19c8e4d114@ADDS_Lan.S_ADDS_Footer_TelPhone 0731-8411-8472bed06894275b65c1ab86501b08a632ebff9d32c555bb1d9133a29eb4371c1213
                25edfb22a4f469ecb59f1190150159c612677f371d51c8c51307f835f3dfe7c4．54bdf357c58b8a65c66d7c19c8e4d1148:30-11:30,13:30-17:30(@ADDS_Lan.S_ADDS_Footer_WorkDay)bed06894275b65c1ab86501b08a632eb
            929d1f5ca49e04fdcb27f9465b944689
            ff6d136ddc5fdfeffaf53ff6ee95f1853d668b0ac311bc94131d180ef5252128a4b561c25d9afb9ac8dc4d70affff419@ADDS_Lan.BI_AS_Language0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d114ff9d32c555bb1d9133a29eb4371c1213
             25edfb22a4f469ecb59f1190150159c612677f371d51c8c51307f835f3dfe7c4．54bdf357c58b8a65c66d7c19c8e4d1149c267548bad95ec303a5fa6194499f0fEnglish5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632ebff9d32c555bb1d9133a29eb4371c1213
                25edfb22a4f469ecb59f1190150159c612677f371d51c8c51307f835f3dfe7c4 ．54bdf357c58b8a65c66d7c19c8e4d11409f89f60c787f005c30c10e38b21ee8fChinese5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
            929d1f5ca49e04fdcb27f9465b944689
16b28748ea4df4d9c2150843fecfba68

Can you remove all your 0c6dc11e160d3b678d68754cc175188a first
Add 25edfb22a4f469ecb59f1190150159c6 to all the spans in your ul first;
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 0c6dc11e160d3b678d68754cc175188a first?
Add 25edfb22a4f469ecb59f1190150159c6 to all the spans in your ul.
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?

ef0d2420b1e5291570a81009eee48a1a
.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;}
531ac245ce3e4fe3d50054a55f265927

        4afb629a74ac72496cf18a7965a4a36f
         657e8f4ceac3d8b666e2738aa17cda2a25edfb22a4f469ecb59f1190150159c667b9032f6027aeca0a9e66eced12e9afa4b561c25d9afb9ac8dc4d70affff419客户服务0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d114bed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
        25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d114用户建议bed06894275b65c1ab86501b08a632eb
            929d1f5ca49e04fdcb27f9465b944689
            b99463559314e89ec2c30d27e889276167b9032f6027aeca0a9e66eced12e9afa4b561c25d9afb9ac8dc4d70affff419关注我们0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d11491c6107534735594166ce5a7d6d95299
             25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d114229377474ba2149f969981f27d68b573微信关注5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d114fd926bb97aa50e5322c2909f4918edb6平台百科5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d114e97b3a366f2762a82a523ce4871dcb47业务合作5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
              929d1f5ca49e04fdcb27f9465b944689
            2e83d5e05c39eb5bef408ac1748efa4767b9032f6027aeca0a9e66eced12e9afa4b561c25d9afb9ac8dc4d70affff419广告服务0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d11491c6107534735594166ce5a7d6d95299
             25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d1144a9a15db5196d2224f74a8c9d60ee538价格体系5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d1144a9a15db5196d2224f74a8c9d60ee538广告申请5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d1144a9a15db5196d2224f74a8c9d60ee538服务保障5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
            929d1f5ca49e04fdcb27f9465b944689

            2e83d5e05c39eb5bef408ac1748efa4767b9032f6027aeca0a9e66eced12e9afa4b561c25d9afb9ac8dc4d70affff419使用帮助0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d11491c6107534735594166ce5a7d6d95299
                                                                                                                                                                                                            25edfb22a4f469ecb59f1190150159c61434900cf48b63e2949e86585428a1c1． 54bdf357c58b8a65c66d7c19c8e4d11424e10050ceb92742561e417e1c16dbb4Registration and Login5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632ebdf250b2156c434f3390392d09b1c9563
                                         ="color99">． 54bdf357c58b8a65c66d7c19c8e4d1148aa2918506a11e8a886e85949f1eb079Search for documents5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb df250b2156c434f3390392d09b1c9563
                                     54bdf357c58b8a65c66d7c19c8e4d1148aa2918506a11e8a886e85949f1eb079Download and View5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
span class="WfbotliSpan">a4b561c25d9afb9ac8dc4d70affff419Contact information0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d114df250b2156c434f3390392d09b1c9563
                                              54bdf357c58b8a65c66d7c19c8e4d1148aa2918506a11e8a886e85949f1eb079Email service@botudata.com.cn5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632ebdf250b2156c434f3390392d09b1c9563
color99">． 54bdf357c58b8a65c66d7c19c8e4d114Customer service phone number 0731-8411-8472bed06894275b65c1ab86501b08a632ebdf250b2156c434f3390392d09b1c9563
                                              54bdf357c58b8a65c66d7c19c8e4d1148:30-11:30,13:30-17:30 (working days)bed06894275b65c1ab86501b08a632eb
WfbotliSpan">a4b561c25d9afb9ac8dc4d70affff419Language0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d114df250b2156c434f3390392d09b1c9563
                                               54bdf357c58b8a65c66d7c19c8e4d114cf2a1231d54a8d89d309f121f0da991eEnglish5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb3758937f2e19267c4b26eb8fbb84b4a2
                                                                                    54bdf357c58b8a65c66d7c19c8e4d114adf4e46ca60b758e554c82c476cf520bChinese5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
🎜>

Can you remove all your 0c6dc11e160d3b678d68754cc175188a first? Add 25edfb22a4f469ecb59f1190150159c6 to all the spans in your ul first.

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

变这样了 ..

源文件
ef0d2420b1e5291570a81009eee48a1a
.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;}
531ac245ce3e4fe3d50054a55f265927

        4afb629a74ac72496cf18a7965a4a36f
         657e8f4ceac3d8b666e2738aa17cda2a25edfb22a4f469ecb59f1190150159c667b9032f6027aeca0a9e66eced12e9afa4b561c25d9afb9ac8dc4d70affff419客户服务0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d114bed06894275b65c1ab86501b08a632eb
        25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d114229377474ba2149f969981f27d68b573用户建议5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
            929d1f5ca49e04fdcb27f9465b944689
            b99463559314e89ec2c30d27e889276125edfb22a4f469ecb59f1190150159c667b9032f6027aeca0a9e66eced12e9afa4b561c25d9afb9ac8dc4d70affff419关注我们0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d114bed06894275b65c1ab86501b08a632eb
             25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d114229377474ba2149f969981f27d68b573微信关注5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d114fd926bb97aa50e5322c2909f4918edb6平台百科5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d114e97b3a366f2762a82a523ce4871dcb47业务合作5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
              929d1f5ca49e04fdcb27f9465b944689
            2e83d5e05c39eb5bef408ac1748efa4725edfb22a4f469ecb59f1190150159c667b9032f6027aeca0a9e66eced12e9afa4b561c25d9afb9ac8dc4d70affff419广告服务0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d114bed06894275b65c1ab86501b08a632eb
             25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d1144a9a15db5196d2224f74a8c9d60ee538价格体系5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d1144a9a15db5196d2224f74a8c9d60ee538广告申请5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb91c6107534735594166ce5a7d6d95299
                25edfb22a4f469ecb59f1190150159c6cfeb1bc0b4094df24c42cfd49436f71d．54bdf357c58b8a65c66d7c19c8e4d1144a9a15db5196d2224f74a8c9d60ee538服务保障5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
            929d1f5ca49e04fdcb27f9465b944689

            2e83d5e05c39eb5bef408ac1748efa4725edfb22a4f469ecb59f1190150159c667b9032f6027aeca0a9e66eced12e9afa4b561c25d9afb9ac8dc4d70affff419使用帮助0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d114bed06894275b65c1ab86501b08a632eb
                                                                                                                                                                                                            25edfb22a4f469ecb59f1190150159c61434900cf48b63e2949e86585428a1c1． 54bdf357c58b8a65c66d7c19c8e4d11424e10050ceb92742561e417e1c16dbb4Registration and Login5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
                                        ． 54bdf357c58b8a65c66d7c19c8e4d1148aa2918506a11e8a886e85949f1eb079Search for documents5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
54bdf357c58b8a65c66d7c19c8e4d1148aa2918506a11e8a886e85949f1eb079Download and View5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
li>9a9b551b2d3d53d50b69dfe7e934f9ffa4b561c25d9afb9ac8dc4d70affff419Contact information0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d114bed06894275b65c1ab86501b08a632eb ． 54bdf357c58b8a65c66d7c19c8e4d1148aa2918506a11e8a886e85949f1eb079Email service@botudata.com.cn5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
                                      54bdf357c58b8a65c66d7c19c8e4d114Customer service phone number 0731-8411-8472bed06894275b65c1ab86501b08a632eb
                                         54bdf357c58b8a65c66d7c19c8e4d1148:30-11:30,13:30-17:30 (working days)bed06894275b65c1ab86501b08a632eb
span class="WfbotliSpan">a4b561c25d9afb9ac8dc4d70affff419Language0d36329ec37a2cc24d42c7229b69747a54bdf357c58b8a65c66d7c19c8e4d114bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c61434900cf48b63e2949e86585428a1c1. 54bdf357c58b8a65c66d7c19c8e4d114cf2a1231d54a8d89d309f121f0da991eEnglish5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
                       ;li>1434900cf48b63e2949e86585428a1c1  ． 54bdf357c58b8a65c66d7c19c8e4d114adf4e46ca60b758e554c82c476cf520bChinese5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
🎜> 16b28748ea4df4d9c2150843fecfba68

[/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>

The float of ul cannot be removed
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.

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

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：How to adapt select width according to text length_html/css_WEB-ITnoseNext article：How to adapt select width according to text length_html/css_WEB-ITnose

See more

Li alignment problem._html/css_WEB-ITnose

回复讨论(解决方案)

Related articles