HTML我现在只知道左右分栏,可是上下分栏是怎么分的

HTML我现在只知道左右分栏,可是上下分栏是怎么分的,第1张

<html>

<body>

<table border="0" width="100%" cellpadding="10">

<tr>

<td width="50%" valign="top">

This is some text. This is some text. This is some text. This is some text. This is some

text.

</td>

<td width="50%" valign="top">

Another text. Another text. Another text. Another text. Another text. Another text. Another

text.

</td>

</tr>

</table>

<table border="0" width="100%" cellpadding="10">

<tr>

<td width="50%" valign="top">

This is some text. This is some text. This is some text. This is some text. This is some

text.

</td>

<td width="50%" valign="top">

Another text. Another text. Another text. Another text. Another text. Another text. Another

text.

</td>

</tr>

</table>

</body>

</html>

打开word文档,选中中间一段文字内容。点击“布局”-“栏”-“更多栏”打开“栏”面板。点击“偏左”勾选“分割线”,手动设置每一栏的宽度,点击“确定”。这样就可以设置成分栏了,中间会有一条分割线。

工具/原料:

戴尔Inspiron 3542

Win10LTSC 1809

word2021

1、打开word文档,选中中间一段文字内容。

2、点击“布局”-“栏”-“更多栏”打开“栏”面板。

3、点击“偏左”勾选“分割线”,手动设置每一栏的宽度,点击“确定”。

4、这样就可以设置成分栏了,中间会有一条分割线。

如何实现网页的左右分栏:

1、一个总页面包含了3个iframe

2、3个iframe是从左到右依次排布,分别是左侧树状,右侧列表区,中间的控制页代码如下参考:

<body>

<div onclick="changeWin()">

<p><img src='' name="" id="" style="cursor:hand" vertical-align="middle"></p><!--这个是中间的那个带有小三角的图片-->

</div>

</body>

<script>

function changeWin(){

if( parent.frame.cols != "0,6,*"){

document.all.ctrlimg.src="../images/showframe.gif"

parent.frame.cols = "0,6,*"

} else {

document.all.ctrlimg.src="../images/closeframe.gif"

parent.frame.cols = "210,6,*"

}

}

</script>


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

原文地址: https://outofmemory.cn/zaji/8377614.html

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

发表评论

登录后才能评论

评论列表(0条)

保存