杨前露的博客

像下面这张图，文字在左 文本框在右，刚开始的时候我用百分比设置的，这样会有一个问题，就是文字与文本框之间的间距也要用百分比，这样当浏览器窗口比较宽的时候，会使文字与文本之间间距太大。结果交不了差….于是乎，就想到左侧的文字宽度固定，右侧自适应就解决问题啦，废话不多说，代码说明一切！ 左侧固定 右边自适应 布局1：<div class="container"> <span

工作中经常遇到这种需求：select不用默认样式，而是改变其默认的样式 比如select默认有个边框 有个下拉箭头。布局代码：<span class="tesu_select"> <select> <option>5</option> <option>10</option>

需求：不用select的默认样式，自己用div模拟出来 布局：<div id="js_version" style="width:140px" class="dropdown_menu fr"> <p class="btn dropdown_switch jsDropdownBt"> <label class="jsBtLabel">2017.11.03.1

1.绝对定位+margin：auto+left: 0; right: 0; top: 0; bottom: 0;css部分<style type="text/css"> .wrp { background-color: #b9b9b9; width: 240px; height: 160px; position: relativ

经常有需求，所以就总结一下，有需要的时候直接复制粘贴啦… 布局的原理是margin负值法。首先需要在center元素外部包含一个div，包含div需要设置float属性使其形成一个BFC，并设置宽度，并且这个宽度要和left块的margin负值进行配合，具体原理参考这里。这里对圣杯布局解释特别详细。 html: <div id = "wrap"> <di

总结一下table的使用给页面一些布局带来方便 遇到有边框的类似表格这样的布局，你就可以考虑用table布局了，这样就省去你特殊设置边框…而且table可以根据内容自适应哦 1.html <table> <caption>缩放你的浏览器查看表格的响应式效果！</caption> <thead> <tr>

之前这种布局都是百分比，包括间隙，直接问题是屏幕大的时候 间隙太大，而需求是中间间隙不变，盒子随着屏幕变大变小，所以总结了一下，以后用的时候直接套就可以~先贴结构： div class="father"> div class="box1"> div> div> div> div cl