※ 引述《JYHuang (夏天到了，冷不起来了说)》之铭言： : ※ 引述《propc (propc)》之铭言： : : 规格：高约1cm、宽约1cm。 : : 附上圆形耳夹2个、银链2条。 : → chph:就三个全形空白啊，哪会很难预期啊？二楼不要误导 04/21 01:00 : OK~ : 那如果那天又出现个要四个中文字、五个中文字的情形呢？ : 又，如果是英文半形的话，你会知道什麽叫"无法预期"~ : 这时已经不是几个半形空白可以决解的~~ : 我并不是在误导，我是把其它的情况都考虑进去了 : -- : 推 pm2001:你又知道接下来会有四个中文字了吗? 04/21 09:21 : 推 gpmm:所以又知道不会有吗？ 04/21 09:23 有时候并不只是接下来会不会出现什麽的问题， 那是观念。 三个全形空白解法可以解这边，那麽如果要增加英文版网页，可以解吗？ 如果改成规格 (1)：，三个全形空白可以解吗？ 那是否又要等到下次原 po 遇到了，上来问，再给他另一个的解法？ -- 如果能接受 css ，有好几种方式可以实做。 简单的可以这样： <p class="spec"> 规格：高约1cm、宽约1cm。<br /> 附上圆形耳夹2个、银链2条。 </p> 假定字型大小为 16px， p 可以套用以下样式， p.spec { margin-left: 48px; text-indent: -48px;} 但这样的缺点是应对不同宽度要套用不同 class 做调整， 复杂一点可以这样： <div class="spec"> <span class="title">规格：</span> <p class="content">高约1cm、宽约1cm。<br />附上圆形耳夹2个、银链2条。</p> </div> css 如下： div.spec { /* width: 200px; */ } /* 如果可以的话，记得指定 div 宽度，使其必大於 title span 的宽度， 否则 float 会被挤压换行 */ div.spec span.title { float: left; } div.spec p.content { float: left; } div:after { content: "."; display: block; font-size: 0em; height: 0; clear: both; visibility: hidden; } 优点是可以全数套用，不必在意宽度， 缺点是在组件 float 的情形下， 有几种英文字型会和中文字型的对齐产生不可预期的误差， 修正方式一是替换字体样式， （许多其他的英文字体是可以对齐的） div.spec { /* width: 200px; */ font-family: Tahoma; } 或同时替换字型大小、字体样式、行高， （部份无法完全对齐的字体，可以透过修改这三项来勉强对齐） div.spec { /* width: 200px; */ font-size: 16px; line-height: 1.3em; font-family: Verdana; } 另一个比较不建议采用的方式是，乾脆在每一个 float 组件的内文都加上 &nbsp; ，这样便强制让每段内文都有英文（空白）内置，大家一起沉沦… 但只要一个页面中同时有 float 跟非 float 在一起时， 误差还是会被发现的（汗） -- 我并不否认能解决问的方法就是好方法。 :) 但如果我在面对问题时，都只抱持着像是只想把考试 pass 过去这样的心态， 只想求得解决现在问题的方法，那也许我始终都无法成长吧。 --

※ 发信站: 批踢踢实业坊(ptt.cc) ◆ From: 220.135.19.91 ※ 编辑: gpmm 来自: 220.135.19.91 (04/21 10:26)