如何解决html中&大小不同的兼容性问题？_问答_ThinkSAAS
如何解决html中&大小不同的兼容性问题？
如何解决html中&大小不同的兼容性问题？
&!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"xml:lang="en"&
&meta http-equiv="Content-Type"content="text/charset=UTF-8"&
&title&xhtml空格占位试验&/title&
font-size:12
font-family: Arial,Verdana,'宋体';
text-decoration:
&a href="#"&您好，请登录&/a&&&&a href="#"style="color:"&免费注册&/a&
在火狐上空格&nbsp；显示的比较大（感觉是个全角字符），在ie和chrome上显示的比较小（感觉是个半角字符）。
如果把DTD都换成html5的写法，如
&!DOCTYPE html&
&html lang="en"&
&meta charset="UTF-8"&
&title&html5空格占位试验&/title&
则ff,ie,chrome显示都一样，都是比较小（感觉是个半角字符），不存在兼容性问题。
另外，如果把font-family中的‘宋体’去掉，也没有这个兼容性问题。
请问这个兼容性问题出在哪？及解决方法?
&style type="text/css"&
&!-- display: table-cell--&
width: 50%;
background-color:
background-color:
width: 100%
display: table-
vertical-align:
&div class="box"&
&div class="a"&css元素的高度怎么自动扩充到100%&/div&
&div class="b"&
&p&css元素的高度怎么自动扩充到100%&/p&
&p&css元素的高度怎么自动扩充到100%&/p&
&!-- flex --&
&style type="text/css"&
width: 50%;
background-color:
background-color:
display: -webkit-
-webkit-flex-flow:
display: -ms-
-ms-flex-flow:
&div class="box"&
&div class="a"&css元素的高度怎么自动扩充到100%&/div&
&div class="b"&
&p&css元素的高度怎么自动扩充到100%&/p&
&p&css元素的高度怎么自动扩充到100%&/p&
100%是根据父级高度定的
a,b是浮动的，要想让a,b平行 ，是这个意思吗
要是高度无法固定的话，可以用js动态设置a.style.height = b.style.height
你看看是否是你想要的效果.JQ做的.
html,body,box,a,b{
height:100%
父元素设置高度100%
border:1px solid #
width:40%;
height:100%;
border:1px solid #f8d5d8;
width:40%;
min-height:300
margin-left:41%;
border: 1px solid #008080;
优点:满足你的题目要求
缺点：1.b的高度必须比a大，比较局限
如果对CSS3的新功能支持较好，建议用flex
我可以理解为css中的等高布局的话，有那么几种方法:
我试用了 全角空格，感觉还不错，可以看下这篇文章
附加：符号表
1，&nbsp的英文全称是non-breaking space，它和普通空格的区别能防止字之间出现断行，你可以使用多个&产生多个空格的效果，但是如果直接使用空格它会自动帮你减少到只有一个空格的效果，除非你使用&pre&标签。
2，如果你想使用&来精确控制边距的话是不正确的，一方面你很难控制&的宽度，另一方面也会让不符表现与结构分离的思想。
3，&的大小取决于font-size,letter-spacing,等，就和其他字符一样，所以没有一个固定的宽度，可以被用户改变，没有可靠的方式来了解。同时就像你说的又有浏览器兼容的问题。
所以我的结论是尝试其他方式来控制间距，比如letter-spacing,word-spacing,margin,padding等属性，只在简单测试环境或者对样式精确度要求不是很高的情况下使用&这个属性
添加你想要问的问题
PHP开发框架
开发工具/编程工具
服务器环境
ThinkSAAS商业授权：
ThinkSAAS为用户提供有偿个性定制开发服务
ThinkSAAS将为商业授权用户提供二次开发指导和技术支持
让ThinkSAAS更好，把建议拿来。
开发客服微信更多频道内容在这里查看
爱奇艺用户将能永久保存播放记录
过滤短视频
暂无长视频（电视剧、纪录片、动漫、综艺、电影）播放记录，
使用您的微博帐号登录，即刻尊享微博用户专属服务。
使用您的QQ帐号登录，即刻尊享QQ用户专属服务。
使用您的人人帐号登录，即刻尊享人人用户专属服务。
按住视频可进行拖动
把视频贴到Blog或BBS
当前浏览器仅支持手动复制代码
视频地址：
flash地址：
html代码：
通用代码：
通用代码可同时支持电脑和移动设备的分享播放
收藏成功，可进入查看所有收藏列表
方式1：用手机看
用爱奇艺APP或微信扫一扫，在手机上继续观看：
L＆H＆＆生活记录
方式2：一键下载至手机
限爱奇艺安卓6.0以上版本
使用微信扫一扫，扫描左侧二维码，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：&&
设备搜寻中...
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
连接失败！
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
部安卓（Android）设备，请点击进行选择
请您在手机端下载爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：&&
爱奇艺云推送
请您在手机端登录爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
180秒后更新
打开爱奇艺移动APP，点击“我的-扫一扫”，扫描左侧二维码进行登录
没有安装爱奇艺视频最新客户端？
爸爸去哪儿2游戏 立即参与
L＆H＆＆生活记录
播放量数据：
你可能还想订阅他们：
{{#needAdBadge}} 广告{{/needAdBadge}}
&正在加载...
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制
安装爱奇艺视频客户端，
马上开始为您下载本片
5秒后自动消失
&li data-elem="tabtitle" data-seq="{{seq}}"& &a href="javascript:void(0);"& &span>{{start}}-{{end}}&/span& &/a& &/li&
&li data-downloadSelect-elem="item" data-downloadSelect-selected="false" data-downloadSelect-tvid="{{tvid}}"& &a href="javascript:void(0);"&{{pd}}&/a&
选择您要下载的《
色情低俗内容
血腥暴力内容
广告或欺诈内容
侵犯了我的权力
还可以输入
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制下载作业帮安装包
扫二维码下载作业帮
1.75亿学生的选择
c语言中&NBSP是什么意思
去泥的爱情350
是空格的意思
为您推荐：
其他类似问题
扫描下载二维码}