css怎么自适应宽度

html-css016

css怎么自适应宽度,第1张

css自适应宽度有2种方式：

1.是通过百分比来控制宽度；

2.可以通过块状元素自动占满父级的宽度的特性来实现

PS：当然还有一些方法，比如css3的flex-box布局，用flex布局的话，非常的方便可以实现多种自适应布局，但是，只适用于移动端，PC端上面只有高版本的浏览器才兼容，低版本的浏览器是不兼容的。

css固定宽度使用width属性来定义即可，如下这个案例。

<div class="box">这是一个宽度为300px的div</div> .box{width:300pxheight:200pxborder:1px solid #333}

这样子class名为box的这个div宽度就固定在了300px。

可以给标签家个id或class就可以调整文本框的宽和高。

如：

<style type="text/css">

.text1{width:100pxheight:20px}

</style>

<input type="text" class="text1" />

扩展资料：

在CSS中，使用text-align属性控制文本的水平方向的对齐方式：左对齐、居中对齐、右对齐。

该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔，可以支持值 justify；不同用户代理可能会得到不同的结果。

默认值：left if direction is ltr, and right if direction is rtl 

继承：yes 

版本：CSS1 

JavaScript 语法：object.style.textAlign="right" 

参考资料来源：百度百科-text-align