相关疑难解决方法(0)

如何在没有表格的情况下设置样式并对齐

我已经习惯了用来<table>s完美地对齐我的表单字段.这就是我通常写我的表格的方式:

<table border="0">
   <tr>
     <td><label for="f_name">First name:</label></td>
     <td><input type='text' id='f_name' name='f_name' /></td>
     <td class='error'><?=form_error('f_name');?></td>
   </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

我知道这是不好的做法,我使用CSS, ,<label>s,<div>s或清洁方法.然而,事实是,<table>s表格的工作非常好.一切都完全正确,间距是完美的,所有错误都完全在彼此之下,等等.

我最近尝试使用<dt><dd>标记表单,但我最终还是回到表格只是因为它们看起来好多了.

如何在不使用<table>s的情况下获得这种对齐的表格布局?

html css forms html-table

31
推荐指数
6
解决办法
2万
查看次数

何时使用<br>换行与CSS定位?

我经常想知道正确使用 <br>换行符.似乎通常它们被错误地用于定位或清除应该使用CSS的内容.

W3schoools.org表示<br>用于空行,但不用于创建或分隔段落.回顾一下W3C HTML5规范草案,<br>当内容需要换行符时会更加清晰,例如地址行或诗歌中的空行,作者有意.

但我仍然有兴趣进一步澄清或输入任何其他人.我经常发现自己选择不使用<br>标签,而只是使用所需的清除,边距,填充等样式元素来创建所需的空间.

并不是说这是非常重要的,但这里有一个让我思考这个问题的例子,一个流行的("权威的")网站使用了一个<br>我不确定是非常语义的网站.在这里,我只是<a>通过CSS 清除它的兄弟姐妹:

<p>Lorem ipsum dolor sit amet, consectetur tempor laborum.</p>
<br>
<a href="#readmore">more &gt;&gt;</a>
Run Code Online (Sandbox Code Playgroud)

html css w3c semantic-markup semantics

28
推荐指数
3
解决办法
2万
查看次数

标签 统计

css ×2

html ×2

forms ×1

html-table ×1

semantic-markup ×1

semantics ×1

w3c ×1