作者ntu203 (ntu203)
看板Web_Design
标题[问题] 有关於并排在一起或隐藏方式
时间Tue Nov 11 18:14:00 2014
小弟有个百思不解的疑问想请教各位大大 ;D
这是语法
<html>
<head>
</head>
<body>
<h2><a id="abc1" name="abc2">abc</a></h>
<fieldset class="section">
<legend>a</legend>
<table class="sec">
<p>a01</p>
<p>a02</p>
</table>
</fieldset>
<fieldset class="section">
<legend>b</legend>
<table class="sec">
<p>b01</p>
</table>
</fieldset>
</body>
</html>
显示的结果可以复制语法观看
小弟一直用css去改写编修
就是没有办法把a和b并排在一起摆到abc後面
所以想请问各位大大该如何做呢
另外
後来小弟没办法改写并排在一起的方式
於是想改写成把sec缩起来然後按一下a就会显示
不过小弟改写css後
是可以把sec隐藏起来
但是没办法把下面的b往上挪
所以另一个问题是如何隐藏sec後把下面的b跟着往上挪?
感谢各位大大的专业XD
不好意思
小弟我想要用成这样的结果
http://ppt.cc/HsxF
不晓得这样会不会需要用到javascript了?
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 122.146.85.149
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Web_Design/M.1415700842.A.B44.html
※ 编辑: ntu203 (122.146.85.149), 11/11/2014 18:14:36
1F：推 BigLoser: 您table内的 p 要用tr 和 td包起来 11/11 18:45
2F：→ BigLoser: 另外您想要并排的话，可以google一下，例如div并排 11/11 18:47
3F：→ BigLoser: 想要隐藏但不占住该空间的话，用 style="display:none" 11/11 18:48
5F：→ stzero: h2,fieldset,legend,table,p { float:left; margin:0} 11/11 21:14
7F：→ GoalBased: 想问一下 jsfiddle 还是 jsbin? 11/11 22:23
8F：→ GoalBased: 而且..都没有智慧提示和自动完成吗= =? 11/11 22:23
9F：→ kurtisgod: 二个网站的主要功用一样 你想问的是什麽 11/11 22:27
10F：→ bbcust: float非必要少用的来源是？ 11/12 00:23
11F：→ mmis1000: 很容易有意外排版问题，而且会互相影响，导致未预期状况 11/12 01:23
12F：→ mmis1000: 得加clear hack之类的修正 11/12 01:24
13F：→ mmis1000: 但偏偏支援度又是最高的 11/12 01:24
14F：→ mmis1000: 像inline-block在某些平台跟就ie上就有问题 11/12 01:25
15F：推 GoalBased: 不喜欢float +1 11/12 08:26
16F：→ leochen0818: float 跟 inline-block看情况用吧？两个都很好用阿XD 11/12 10:12
17F：推 ymcheung: clear的使用方式和时机确实要看一下... 11/12 13:16
※ 编辑: ntu203 (122.146.85.149), 11/12/2014 16:24:54
18F：→ ntu203: 感谢大大专业XD 小弟不才还问了隐藏和下面的问题 11/12 16:26
19F：→ ntu203: 小弟还是个不及各位大大专业的菜鸟 常用float...为何建议 11/12 18:34
20F：→ ntu203: 少用? 11/12 18:34
21F：推 livein: f大上面说是因为排版会相互影响的关系，我猜没写好会一步 11/13 00:26
22F：→ livein: 错 步步错之类的吧 11/13 00:27
24F：→ kurtisgod: 如果要完全像你最後一段的图 现在的html结构做不到 11/13 17:01
25F：→ kurtisgod: float非必要少用 mmis大已经解说的差不多了 11/13 17:04
26F：推 ymcheung: 另外就是最近有开始用display:table跟flexbox的趋势 11/13 17:07
27F：→ ymcheung: 不过 flexbox的相容性还很差 11/13 17:07
28F：→ mmis1000: inline-block最大的好处是只要加position:relative 11/13 17:16
29F：→ mmis1000: 就可以把内部样式root起来，而float内部还是会影响外部 11/13 17:16
30F：→ ntu203: 不好意思各位大大 小弟来晚了 看到各位大大解说的方式今天 11/20 15:28
31F：→ ntu203: 会把他全部试一遍xd 已经有测试过一些了 虽然不晓得为什 11/20 15:29
32F：→ ntu203: 麽没办法按一下拉下来/缩藏起来 不过还是很感谢各位专业 11/20 15:30
33F：→ ntu203: 大大 小弟会重新try一次xD 11/20 15:30