假设我们有如下两个元素:
<label>Name</label>
<input class="inputtext" type="text" />
name的width固定，需要input的宽度自实用屏幕大小，使两个元素始终保持在同一行。
可以这样做
<div class="parent">
<label>Name</label>
<input class="inputtext" type="text" />
</div>
.parent {
display: table;
width: 100%;
}
.parent label{
display: table-cell;
width: 11%;
padding-left: .4em;
min-width: .9em;
}
.parent .inputtext {
display: table-cell;
width: 80%;
}
表格 table常用标签 table常用属性： 传统布局： 传统的布局方式就是使用table来做整体页面的布局，布...
首先来聊聊传统的 table 布局吧。传统的 table 布局就是利用 table 元素所有的零边框特性来进行布局...
4种实现思路 table布局(display:table) 绝对布局（position:absolute）+tra...
#水平垂直居中布局： flex弹性布局，table-cell布局(父级table)，定位(多种方式); #如何安...
一、div布局 二、table布局
使用div布局 使用table布局
1. 网站布局 DIV用于布局，Table用于显示数据，这是现在最基本的设计原则。 1.1 Table 布局...
一、左右布局 1.table:table的li实现 实现原理： table标签是能够具有实现左右布局的属性，也是我...
flex布局 table
网页布局可以通过表格和div元素来实现(注:table布局已经淘汰),首先我们来看看table布局 实现效果 **...
本文标题：table布局
本文链接：https://www.haomeiwen.com/subject/enpvhttx.html
网友评论