HTML5里;如何设置在td单元格里的内容距离底边10px

HTML5里;如何设置在td单元格里的内容距离底边10px,第1张

主要是没有设置td里面的垂直对齐方式,然后td下面的内边距设置10px就可以了

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <style type="text/css">

        #main{

        }

        table{

            border-top:1px solid #007DDB

            border-left:1px solid #007DDB

        }

        td{

            width: 200px

            border-right:1px solid #007DDB

            border-bottom:1px solid #007DDB

            padding-bottom: 10px

            height: 100px

            vertical-align: bottom

        }

    </style>

</head>

<body>

    <div id="main">

        <table cellpadding="0" cellspacing="0">

            <tr>

                <td>老虎老鼠傻傻分不清楚</td>

                <td>老虎老鼠傻傻分不清楚</td>

            </tr>

            <tr>

                <td>老虎老鼠傻傻分不清楚</td>

                <td>老虎老鼠傻傻分不清楚</td>

            </tr>

        </table>

    </div>

</body>

</html>

1、首先在点中鼠标点击打开HBuilde软件,点击新建一个Web项目。

2、然后输入项目名,然后点击完成按钮,如图所示。

3、接着输入代码,如下图所示。

4、然后点击运行--->浏览器运行,如图所示。

5、可以看到到运行结果 ,然后点击滚动条最下面,点击之后,可以看到滚动条会滚动到指定的位置,如图所示。

html让文本靠底部的办法。如下参考:

1、超文本标记语言是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。

2、想要让文字在底部,需要用到 position:fixedbottom:0pxleft:0px,想要让文字居中,需要用到 text-align:center。

3、代码

<div class="div_foot">   

&copy2017-2018

</div>

.div_foot {

position: absolute

height: 50px

text-align: center

line-height: 50px

width: 100%

扩展资料

HTML的编辑器

1、基本文本、文档编辑软件,使用微软自带的记事本或写字板都可以编写,当然,如果你用WPS来编写,也可以。不过存盘时请使用.htm或.html作为扩展名,这样就方便浏览器认出直接解释执行了。

2、半所见即所得软件,

如:FCK-Editer、E-webediter等在线网页编辑器;

3、所见即所得软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页,如:

AMAYA(出品单位:万维网联盟);

FRONTPAGE(出品单位:微软);

Dreamweaver(出品单位:Adobe)。

参考资料:

百度百科-HTML


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6250918.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存