html5设置盒子高度 html设置盒子水平居中

html5如何设定高度自适应?

在文档流中，DIV的高度默认就是根据内容的高度自适应的。如果是想适配不同设备的窗口大小，可以设置百分比。或者通过position定位，然后设置top和bottom值。

CSS 方面：去掉所有元素的外间距、内边距，html 和 body 宽高设为 100%，canvas 元素 display 设为 block。JS 方面：监听窗口的 resize 事件，在窗口大小改变的同时调整 canvas 的大小。

使用textarea标签进行多行文本的输入有很多限制，比如不能实现高度自适应，会出现难看的滚动条等问题。

用百分比布局吧。把宽高都设置成百分比，子级的宽高就随着父级元素宽高不停地变换了。

方法步骤：【实例名称】textarea自适应文字行数 【实例描述】textarea是HTML中的文本元素，可实现文字的多行输入，也可以控制行数和列数。本例学习如何让textarea根据用户的输人文本，自动调整高度和宽度。

相关问答

Q1: 如何设定html5高度

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的button标签中，加入样式代码：style=width： 200px；height： 80px；。

2、html5设置按钮的宽度和高度一般是结合CSS3来设置的。

3、如果是想适配不同设备的窗口大小，可以设置百分比。或者通过position定位，然后设置top和bottom值。

4、div的100%是从其上一级div的宽高继承来的，有一点很关键，就是要设置div100%显示，必须设置其上一级div的宽度或高度，否则无效。

5、通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。

6、HTML5前端的选择器一般有js选择器和css选择器 其中css选择器上面的网友回答的很全面了使用pimg就可以了。

Q2: html5移动端div的高度怎么设置自适应

Div自适应高度只需把height属性设置为auto即可，其实div默认高度的样式值就是auto，如果要想div自适应高度，可以对div不设置height样式即可实现。范例如下：增加div中的内容，其高度自动改变。

首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。html页面代码如图所示，定义一个div，然后给一个id属性即可。

用CSS中的min-height就可以了。

具体自己把握，然后设置左边的DIV左浮动，右边的DIV右浮动即可。

Q3: 用html5开发手机网站,div的高度与宽度比例怎么来设定

div的100%是从其上一级div的宽高继承来的，有一点很关键，就是要设置div100%显示，必须设置其上一级div的宽度或高度，否则无效。

在文档流中，DIV的高度默认就是根据内容的高度自适应的。如果是想适配不同设备的窗口大小，可以设置百分比。或者通过position定位，然后设置top和bottom值。

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的button标签中，加入样式代码：style=width： 200px；height： 80px；。

通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。

，输入position：fixed；top：0；left：0；将整个div固定在屏幕的顶部和左侧。

Q4: html5框架iframe高度和宽度比例如何设置。

1、在文件夹里创建两个html文件，一个“index”一个“iframe”。 在index中添加一个iframe标签，直接嵌入iframe页面。 在iframe网页中添加了两个固定高度的div内容。

2、创建两个HTML文件在一个文件夹，一个“索引”和一个“iframe”。增强的iframe标记添加到索引，然后直接进入iframe嵌入页面。添加两个div标签内容与固定高度iframe页面。

3、div的100%是从其上一级div的宽高继承来的，有一点很关键，就是要设置div100%显示，必须设置其上一级div的宽度或高度，否则无效。

4、iframe是内嵌的框架元素，比起frameset要灵活一些。你可以把它像一般的元素一样嵌在body里面。你再来设置iframe的高度。

5、宽度和高度都用百分比。不要用具体数字。试一下看看。

关于html5设置盒子高度和html设置盒子水平居中的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。