怎样使html中的上下2个text文本框对齐?

html-css014

怎样使html中的上下2个text文本框对齐?,第1张

你说的是input吧?

可以给加上class,然后css里定义成块,即display:block

然后像两个div一样让他们对齐即可。

或者在第一个后面加一个换行<br

/>

<table><tbody><tr> <td>文字</td><td><input type="text"></td> <td>文字</td><td><input type="text"></td> <td>文字</td><td><input type="text"></td> <td>文字</td><td><input type="text"></td> </tr></tbody></table>

HTML超文本置标语言,用以描述超文本,是为网页创建和其它可在网页浏览器中看到的信息设计的一种置标语言。

HTML文本框文字对齐方式:

1、baseline:默认。元素放置在父元素的基线上。

2、sub:垂直对齐文本的下标。

3、super:垂直对齐文本的上标。

4、top:把元素的顶端与行中最高元素的顶端对齐。

5、text-top:把元素的顶端与父元素字体的顶端对齐。

6、middle:把此元素放置在父元素的中部。

7、bottom:把元素的顶端与行中最低的元素的顶端对齐。

8、text-bottom:把元素的底端与父元素字体的底端对齐。

9、inherit:规定应该从父元素继承 vertical-align 属性的值。

(您好,我对dedecms了解不是很多,为你提供的答案是我转于网络,不知道对你有用没用)

关键描述调用标签: <meta name="keywords" content="{dede:field name='keywords'/}">

<meta name="description" content="{dede:field name='description' function='html2text(@me)'/}">

* 模板路径调用标签: {dede:field name='templeturl'/}

* 网站标题调用标签: {dede:global name='cfg_webname'/}

* 栏目导航调用标签: <a href="/">首页

{dede:channel type='top' row='8' currentstyle="<li class='thisclass'><a href='~typelink~'>~typename~ "}

* <a href='[field:typelink/]' target="_blank">[field:typename/]

{/dede:channel}

* 指定调用栏目标签: {dede:onetype typeid='ID'}[field:typename /]{/dede:onetype}

* 频道栏目调用标签: {dede:channel type='self'}

* <a href='[field:typelink/]'>[field:typename/]

{/dede:channel}

* 友情链接调用标签: {dede:flink row='24' linktype=2/}

* 网站版权调用标签: {dede:global name='cfg_powerby'/}

* 网站备案调用标签: {dede:global name='cfg_beian'/}

* 当前栏目名称标签: {dede:field name='typename'/}

* 当前位置调用标签: {dede:field name='position'/}

* 列表文章调用标签: {dede:list pagesize='8'}{/dede:list}

* 栏目链接调用标签: [field:typelink function='str_replace("a ","a class=ulink ",@me)'/]

* 作者链接调用标签: [field:writer /]

* 列表点击调用标签: [field:click/]

* 列表评论调用标签: [field:postnum/]

* 查阅全文调用标签: <a href="[field:arcurl/]">查阅全文...

* 列表时间调用标签: [field:pubdate function="GetDateTimeMK(@me)"/]

* 列表分页调用标签: {dede:pagelist listsize='4' listitem='index pre pageno next end '/}

* 文章标题调用标签: {dede:field name="title"/}

* 文章来源调用标签: {dede:field name='source'/}

* 文章作者调用标签: {dede:field name='writer' /}

* 文章时间调用标签: {dede:field name='pubdate' function='GetDateMk(@me)'/}

* 文章Tag调用标签: {dede:tag type='current'/}

* 文章点击调用标签: <script src="{dede:field name='phpurl'/}/count.php?aid={dede:field name='ID'/}&mid={dede:field name='memberid'/}&view=yes" language="javascript"></script>

* 文章内容调用标签: {dede:field name='body'/}

* 文章分页调用标签: {dede:pagebreak/}

* [<a href="{dede:field name='phpurl'/}/stow.php?arcID={dede:field name=ID/}">收藏]

* [<a href="{dede:field name='phpurl'/}/recommend.php?arcID={dede:field name=ID/}">推荐]

* [<a href="{dede:field name='phpurl'/}/feedback.php?arcID={dede:field name=ID/}">评论]

* [<a href="#" onClick="window.print()">打印]

* [<a href="#" onClick="window.close()">关闭]

* 文章顶客次数标签: {dede:field name='digg'/} <a href="javascript:Digg('digg',{dede:field name='id'/})">顶一下

* 上一篇下一篇标签: {dede:prenext get='pre'/}{dede:prenext get='next'/}

* 头条推荐调用标签: {dede:arclist row=1 titlelen=24 orderby=pubdate att=2} <dt>[field:textlink/]

<span>[field:description/]……</span></dt>{/dede:arclist}

* 最新文章调用标签: {dede:arclist row=8 titlelen=24 orderby=pubdate}

* [field:textlink/]

{/dede:arclist}

* 热关键字调用标签: {dede:hotwords num='5' subday='30'/}

* 最新图文调用标签: {dede:arclist row=4 titlelen=20 orderby=pubdate type='image.' imgwidth='152' imgheight='98'}

<dd><a href="[field:arcurl/]"><img src="[field:picname/]" alt="[field:title/]" ><span><a title="[field:title function='htmlspecialchars(@me)'/] " href="[field:arcurl /]">[field:title /]</span></dd>{/dede:arclist}

* 推荐文档调用标签: {dede:arclist type='commend' titlelen='40' row='10'}

* <a title="[field:title function='htmlspecialchars(@me)'/] " href="[field:arcurl /]">[field:title /]

{/dede:arclist}

* 随机推荐调用标签: {dede:arclist type='commend' titlelen='26' orderby='rand' row='10'}

* <a title="[field:title function='htmlspecialchars(@me)'/] " href="[field:arcurl /]">[field:title /]

{/dede:arclist}

* 热点文档调用标签: {dede:arclist orderby='click' titlelen='40' row='10'}

* <a title="[field:title function='htmlspecialchars(@me)'/] " href="[field:arcurl /]">[field:title /]

{/dede:arclist}

* 相关文档调用标签: {dede:likeart titlelen='24' row='10'}

* <a title="[field:title function='htmlspecialchars(@me)'/] " href="[field:arcurl /]">[field:title /]

{/dede:likeart}

* 调用图片链接标记: <a href="[field:arcurl/]"><img src="[field:picname/]" alt="[field:title/]" >

* <a href='[field:arcurl /]'>[field:image/]

* 调用文字链接标记: <a href="[field:aucurl/]" title="[field:title/]">[field:title/]

* <a title="[field:title function='htmlspecialchars(@me)'/] " href="[field:arcurl /]">[field:title /]

* 控制字数描述标记: [field:description function="cn_substr(@me,100)"/]...

* 调用文章tags标记: {dede:tag type='current'/}

* 文章关键字与描述: {dede:field name='keywords'/}

{dede:field name='description' function='html2text(@me)'/}

* 栏目介绍:{dede:field name='description' function='html2text(@me)'/}

* 调用外部 htm文件:{dede:include file='head.htm' ismake='yes'/}

* 搜索文章调用标签:{dede:global name='keyword'/}"的搜索结果 - {dede:global name='cfg_webname'/} 搜索" {dede:global name='keyword'/}</span>" 的结果

* 递增序列号: [field:global name=autoindex/]

* 列表隔5行加一行线:

* {dede:list pagesize='50'}

<LI><a href="[field:arcurl /]" title="[field:title function='htmlspecialchars(@me)'/]"

target=_blank>[field:title function="cn_substr(@me,48)"/][field:pubdate runphp='yes']

$a="<font color=red>".strftime('%m-%d',@me).""

$b=strftime('%m-%d',@me)

$ntime = time()

$day3 = 3600 * 24

if(($ntime - @me) <$day3) @me = $a

else @me =$b

[/field:pubdate]

[field:global name=autoindex runphp="yes"]

if(@me%5==0)@me="<hr />"

else @me=""

[/field:global]

{/dede:list}

<DIV class="line2 m1 m3"></DIV></LI>

* 最新 文章列表 “隔行换色” 的方法

* {dede:arclist orderby=pubdate titlelen='26' row='10'}

[field:global runphp='yes' name=autoindex]

$a="<div id='a'>"

$b="<div id='b'>"

if ((@me%2)==0) @me=$a

else @me=$b

[/field:global]

o [field:title/]

{/dede:arclist}

* 24小时内更新的文章时间显示为红色:

* [field:pubdate runphp='yes']

$a="<font color=red>".strftime('%m-%d',@me).""

$b=strftime('%m-%d',@me)

$ntime = time()

$day3 = 3600 * 24

if(($ntime - @me) <$day3) @me = $a

else @me =$b

[/field:pubdate]

* COPY页面内容,自动在后面加上网站信息,利于SEO

* <script type="text/javascript">

document.body.oncopy = function () { setTimeout( function () { var text = clipboardData.getData("text")if (text) { text = text + "\r\n本篇文章来源于 www.地址.COM 原文链接:"+location.hrefclipboardData.setData("text", text)} }, 100 ) }

</script>

* 按时间点击文章排行榜调用标签:

* 按总: {dede:arclist row='24' titlelen=24 orderby=click}

* 按月: {dede:arclist row='24' titlelen=8 orderby=click subday=30}

* 按周: {dede:arclist row='24' titlelen=8 orderby=click subday=7}

* 在首页调用某栏目的子栏目

* {dede:channel type=’sun’ typeid=’栏目ID’}

<a href=”[field:typelink/]“>[field:typename/]

{/dede:channel}

或者

{dede:global name=’maplist’/}

* 搜索表单调用标签: <form action="{dede:global name='cfg_phpurl'/}/search.php" name="formsearch">

<input type="hidden" name="kwtype" value="1" />

<input name="keyword" id="keyword" type="text" class="searchtxt" />

<select name="searchtype" id="searchtype">

<option value="titlekeyword" selected>智能模糊搜索</option>

<option value="title">仅搜索标题</option>

</select>

<input type="image" src="{dede:field name='templeturl'/}/images/topsearch_submit.gif" />

</form>

* 实现“文章标题-2级栏目-1级栏目- 网站名” 形式

* {dede:field name='title'/}-{dede:field name='position' runphp='yes'}

$tc="-"//分隔符

$tw=$GLOBALS['cfg_list_symbol']//调用位置分隔符

@me=html2text(@me)//去除html标签

$tf=split($tw,@me)//分解成数组

for($ta=(count($tf)-2)$ta>=1$ta--){ //循环赋值给$tk

$tk.=trim($tf[$ta]).$tc

}

$tk=substr($tk,0,-1)

@me=$tk//赋值给@me

{/dede:field}-{dede:global name='cfg_webname'/}

* 调用缩略图: <img src='{dede:field name="litpic"/}'>

发布的文章显示红色日期或加上new字或new小图片

* 给近三天(或当天)发布的文章显示红色日期或加上new字或new小图片等。

都是围绕pubdate做文章,写扩展的。

第2、3要注意的问题是:如:"<img src='new.gif' />中不能用双引号,否则不行。

如果要给当天的加,把 3600 * 24 * 3 改为 3600 * 24  即可。

1、==========红色的日期========

[field:pubdate runphp='yes']

$a="<font color=red>".strftime('%m-%d',@me).""

$b=strftime('%m-%d',@me)

$ntime = time()

$day3 = 3600 * 24 * 3

if(($ntime - @me) <$day3) @me = $a

else @me =$b

[/field:pubdate]

2、==========红色的(new)========

[field:pubdate runphp='yes']

$aa=strftime('%m-%d',@me)

$ntime = time()

$tagtime = @me

$day3 = 3600 * 24 * 3

if($tagtime >$ntime-$day3) @me = "<font color='red'>(new)"

else @me = $aa

[/field:pubdate]

3、==========加new.gif小图片========

[field:pubdate runphp='yes']

$aa=strftime('%m-%d',@me)

$ntime = time()

$tagtime = @me

$day3 = 3600 * 24 * 3

if($tagtime >$ntime-$day3) @me = "<img src='new.gif' />".$aa

else @me = $aa

[/field:pubdate]

* 一种很酷的时间效果

* [field:pubdate runphp="yes"]

if((time()-@me)<(60*60*24)){@me=' <font color="#ff6600">'.strftime("%H:%M",@me).'</FONT>'}

else {@me=strftime("%m-%d",@me)}

[/field:pubdate]

* DEDE seo小技巧加个百度搜索本篇文章

【<a href="javascript:" onclick='window.open("http://www.baidu.com/s?q1={dede:field name="title" /}&q2=&q3=&q4=&rn=10&lm=0&ct=1&ft=&q5=&ampampq6=你的网址")' target="_top" title="在百度搜索“{dede:field name="title" /}”相关内容"><font color=red>在百度搜索更多繁体字】

* 把你的网址改一下,不加http,演示:http://ftz.zzyo.com 文章页

或者

【<a href="javascript:" onclick='window.open("http://www.baidu.com/baidu?word={dede:field name="title" /}")' target="_top" title="在百度搜索“{dede:field name="title" /}”相关内容"><font color=red>搜索舞步】

* 调用tag: {dede:field name='keywords' runphp='yes' }

if(!empty(@me)){

$kws = explode(' ',@me)

@me = ""

foreach($kws as $k){

@me .= "<a href='/tag.php?/$k/'>$k "

}

@me= str_replace('+', ' ',trim(@me))

}

{/dede:field}