源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
查看: 1139|回复: 83

[CSS/HTML] 空格BUG

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2006-9-28 00:00:00 | 显示全部楼层 |阅读模式
这篇是关于display:inline;的使用的,前几天作一个布局时,用这个效果,但始终没有出来,害得我浪费了二个小时,还多长了三行代码才解决;今天突然想起这事了,总感觉不对,因为我的思路是对的,可是效果就是出不来;于由重写代码,终于发现问题了,又是那个该死的空格BUG;

下面展示给大家看一下,同样的问题别再次出现在你的身上;

大家先看一下下边的CSS代码:
复制代码 代码如下: 
<style>
body{ margin:0; padding:0; font-size:12px; text-align:center;line-height:25px;}
#info{ margin:100px auto; background:#CCCC00; }
ul,li{ margin:0; padding:0; list-style:none;}
#info li{ border-left:1px solid #6633CC; display:inline;border-right:1px solid #6633CC; padding:5px 10px; margin-left:-1px;}
</style>

以下是布局的代码: 
复制代码 代码如下:
<div id="info">
 <ul>
  <li>网站首页</li>
  <li>情感文章</li>
  <li>给我留言</li>
  <li>友情链接</li>
 </ul>
</div>

以下是出来的效果:


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
看到了吗?IE和FIREFOX中的差别了吧!
再看下边的布局代码,我全部放在了同一行上:
复制代码 代码如下: 
<div id="info">
 <ul><li>网站首页</li><li>情感文章</li><li>给我留言</li><li>友情链接</li></ul>
</div>

好了,这下看一下最后的效果吧!

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
问题解决的一个办法:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
回复

使用道具 举报

0

主题

1万

回帖

87

积分

注册会员

Rank: 2

积分
87
发表于 2023-1-26 22:00:01 | 显示全部楼层
怕怕怕怕怕怕怕怕怕怕怕怕怕怕
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-2-2 00:13:52 | 显示全部楼层
下载来瞧瞧
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

115

积分

注册会员

Rank: 2

积分
115
发表于 2023-8-10 09:22:32 | 显示全部楼层
谢谢小Y分享
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

100

积分

注册会员

Rank: 2

积分
100
发表于 2023-8-23 16:16:39 | 显示全部楼层
非常vbcbvcvbvcb
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2024-1-14 14:21:03 | 显示全部楼层
那三门,你们谁寂寞才快乐撒
回复 支持 反对

使用道具 举报

9

主题

1万

回帖

420

积分

中级会员

Rank: 3Rank: 3

积分
420
发表于 2024-5-7 15:38:14 | 显示全部楼层
人都不在了啊 啊
回复 支持 反对

使用道具 举报

匿名  发表于 2024-5-7 15:47:22

Двери

3780                                    Р https://metr2.pro/catalog/mezhkomnatnye-dvery/shponirovannye-dveri/
  ЗаказатьМежкомнатные двери (есть варианты дверей со стеклом и без)                                                                                                                        В наличии любые размеры:550х1900600х1900600х2000700х2000800х2000900х2000950х2100950х2200другие https://metr2.pro/brands/dubrava-sibir/
   https://metr2.pro/brands/ofram/
   https://metr2.pro/catalog/dvernaya-furnitura/
  Бесплатный выезд замерщика!
Классическим вариантом для туалетов и ванных комнат считаются деревянные двери, однако, в условиях повышенной влажности, такие двери требуют специальной паро- влаго-защиты, в противном случае возможно набухание и деформация двери https://metr2.pro/brands/dubrava-sibir/
   Вследствие этого, установка деревянных дверей в туалетах и ванных комнатах не рекомендуется https://metr2.pro/dostavka-i-oplata/oplata/

стационарные ручки, которые изготавливают в виде шариков, фигурок животных и прочих, в большинстве случаев несут лишь эстетическую пользу и необходимы для удобства пользования дверями https://metr2.pro/catalog/mezhkomnatnye-dvery/dveri-emal/dver-glukhaya-zheneva-3-pdg/?oid=9925798

Неблагонадежное крепление несущего бруса или трека (короткими дюбелями в штукатурный слой) https://metr2.pro/sales/
   Детали со временем расшатаются и полотно будет задевать за флажок https://metr2.pro/catalog/vkhodnye-dveri/

Первый этап установки дверей - подготовка дверного проема https://metr2.pro/catalog/mezhkomnatnye-dvery/dveri-invisible/
   Он должен размерно соответствовать устанавливаемой дверной коробке, в противном случае несоответствие необходимо устранить, доведя дверной проем до требуемого размера https://metr2.pro/dostavka-i-oplata/dostavka/
   Стенки проема штукатурятся, обрабатываются укрепляющим грунтом глубокой пропитки, проверяется их горизонтальность и перпендикулярность, предоставляется время для полного высыхания штукатурного слоя https://metr2.pro/catalog/mezhkomnatnye-dvery/dveri-iz-massiva/

Кстати, наиболее доступными по цене являются трех- и четырех-створчатые системы, у которых средние элементы оснащены каретками, а крайние установлены неподвижно https://metr2.pro/services/zamer-proyemov/
   В любом случае при выборе полотен, монтируемых в проеме, следует учесть, что их перехлест должен составлять плюс-минус 20 мм https://metr2.pro/brands/
   А вертикальные стыки лучше снабдить щеточными уплотнителями https://metr2.pro/catalog/mezhkomnatnye-dvery/

回复 支持 反对

使用道具

匿名  发表于 2024-5-7 15:47:58

Двери Межкомнатные От Производителя


К выбору мультиварки важно подойти с такой же ответственностью, как и к покупке любого другого кухонного девайса https://metr2.pro/catalog/spetspredlozheniya/dver-emalit-1yu-pg-alyaska/?oid=9924407
   Ведь это чудо техники способно не только приготовить ароматную, вкусную, наполненную витаминами пищу, но также сократит ваше время пребывания за кухонной плитой https://metr2.pro/catalog/vkhodnye-dveri/

Для ванной комнаты подойдут двери из пластика или массива, которые не восприимчивы к влаге и повышенным температурам https://metr2.pro/services/ustanovka-dverey/
   Для гардеробной или детской вполне подойдет МДФ или ламинат https://metr2.pro/dostavka-i-oplata/dostavka/

Хочу похвалить компанию  https://metr2.pro/sales/
   Заказывала тут двери https://metr2.pro/blog/
   О том, что именно мне подойдет имела весьма смутное представление https://metr2.pro/catalog/mezhkomnatnye-dvery/dveri-pvkh/
   Хотелось, чтобы двери были красивыми и надежными https://metr2.pro/catalog/mezhkomnatnye-dvery/dveri-iz-massiva/
   Согласилась на вариант, предложенный дизайнером и не прогадала https://metr2.pro/brands/ajax/
   Двери из натурального дерева стали украшением нашего дома https://metr2.pro/catalog/dvernaya-furnitura/
   Если вы не знаете, какие именно двери вам нужны, советую прислушаться к мнению специалистов, которые работают в этой компании https://metr2.pro/brands/page2/
   Они настоящие профессионалы и знатоки своего дела https://metr2.pro/dostavka-i-oplata/oplata/

4900                                    Р https://metr2.pro/catalog/spetspredlozheniya/
  ЗаказатьМежкомнатные двери (модель имеет различия по цвету)                                                                                                                        В наличии любые размеры:550х1900600х1900600х2000700х2000800х2000900х2000950х2100950х2200другие https://metr2.pro/catalog/mezhkomnatnye-dvery/shponirovannye-dveri/
   https://metr2.pro/company/requisites/
   https://metr2.pro/brands/
  Бесплатный выезд замерщика!
Внутрипроёмные системы https://metr2.pro/brands/dubrava-sibir/
   Два полотна встроены в проём двери и двигаются навстречу друг другу https://metr2.pro/catalog/mezhkomnatnye-dvery/
   В такой конструкции может быть открытой только половина проёма https://metr2.pro/
   Преимущество их в том, что вдоль находящихся рядом стен можно ставить мебель, она не будет мешать створкам https://metr2.pro/catalog/compare.php

Выбор в данном случае зависит от помещения https://metr2.pro/catalog/vkhodnye-dveri/
   Для малогабаритных комнат отличным выходом становятся купе, книжки, гармошки https://metr2.pro/brands/page2/
   Они не требуют много места для функционирования, компактны, просты в использовании https://metr2.pro/contacts/
   Классические распашные модели никогда не потеряют популярности, так как просты в использовании и установке https://metr2.pro/catalog/vkhodnye-dveri/

回复 支持 反对

使用道具

匿名  发表于 2024-5-7 15:48:33

Фурнитура Для Дверей Межкомнатных Купить


Плюсы: Малый вес позволяет использовать практически любую фурнитуру https://metr2.pro/services/ustanovka-dverey/
   Двери из МДФ гораздо менее требовательны к условиям окружающей среды, чем двери из массива https://metr2.pro/catalog/mezhkomnatnye-dvery/dveri-emal/
   Низкая стоимость https://metr2.pro/brands/

Для производства стеклянных дверей  использует стекла триплекс, которые представляют собой два стекла скрепленных между собой https://metr2.pro/catalog/mezhkomnatnye-dvery/dveri-pvkh/
   Такие стекла являются более прочными, чем обычные, и только мощный торцевой удар способен нанести им вред https://metr2.pro/catalog/mezhkomnatnye-dvery/dveri-pvkh/
   В случае если стеклянная дверь разобьется, стекло не рассыпается осколками, а покрывается трещинами https://metr2.pro/catalog/mezhkomnatnye-dvery/dveri-emal/

Шпон  это тонкий слой древесины, который покрывает дверную конструкцию из любого другого материала https://metr2.pro/catalog/spetspredlozheniya/
   Шпонированные модели дешевле деревянных, но выглядят не менее внушительно https://metr2.pro/company/requisites/

Ламинированные двери, декорированные стекловолоконной плёнкой достаточно дорогие, поэтому часто для ламинирования применяют плёнку на бумажной основе https://metr2.pro/catalog/mezhkomnatnye-dvery/dveri-ekoshpon/
   Но, к сожалению, модели, отделанные бумажной пленкой боятся влаги и более подвержены различным повреждениям, а также неустойчивы к ультрафиолетовому и химическому воздействию https://metr2.pro/dostavka-i-oplata/oplata/

Одна из самых популярных моделей межкомнатных дверей от ульяновской фабрики (Модерн 1, Техно 1, Синай 1) https://metr2.pro/catalog/mezhkomnatnye-dvery/dveri-iz-massiva/
   В качестве стекла используется триплекс во всю высоту дверного полотна https://metr2.pro/catalog/mezhkomnatnye-dvery/
   Цвет триплекса может быть белым матовым, может быть черным, при заказа в комметнариях указывайте цвет (цена одинаковая) https://metr2.pro/catalog/mezhkomnatnye-dvery/dveri-invisible/
   https://metr2.pro/catalog/mezhkomnatnye-dvery/dveri-emal/dver-glukhaya-zheneva-3-pdg/?oid=9925798

В строительных супермаркетах и на сайтах представлены стандартные дверные полотна, высотой до 2000 мм, но по спецзаказу можно приобрести межкомнатные двери и до 2200 мм https://metr2.pro/catalog/mezhkomnatnye-dvery/dveri-pvkh/

回复 支持 反对

使用道具

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-9-20 09:03 , Processed in 0.075924 second(s), 26 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表