position | 易学教程

html笔记【重新学习】

阅读更多关于 html笔记【重新学习】

<a></a>超链接标签： a标签有个target属性，<a href="#" target = "_self">在当前选项卡中进行跳转，也就是不建立新页面。target的默认属性就是_self。 target="_blank"用于在新的选项卡中跳转，也就是新建一个页面。也可以设置<base> target="_blank"</base>。这个base是成对出现的，专门用来指定a标签的target属性，但是必需写在<head></head>标签里面。 <html></html>标签：这是根目录节点标签，网站中最底层的标签。 <i></i> i标签：官方文档写的是用来显示斜体文字。但是现在多用于图标元素。例如轮播图的导航按钮，以及自定义的icon图标元素，都用i标签来设定。 <table></table>标签：这里主要说三点，关于水平对齐的，之前学习table的时候被自己忽略掉了，现在补上。 1.给table标签设置align属性，可以控制表格在水平方向的对齐方式。 2.给tr设置align，可以控制当前行所有内容水平方向的对齐方式。 3.给td设置align，可以控制当前单元格内容在水平方向的对齐方式。 position定位： position:fixed;相对定位，随滚动条滚动。如果设置right:0,则固定在屏幕右侧。 position:relative

学习 | css3实现进度条加载

阅读更多关于学习 | css3实现进度条加载

进度条加载是页面加载时的一种交互效果，这样做的目的是提高用户体验。进度条的的实现分为3大部分：1、页面布局，2、进度条动效，3、何时进度条增加。文件目录加载文件顺序 <link rel="stylesheet/less" href="./index.less"> <script src="./zepto.min.js"></script> <script src="./less.js"></script> <script src="./rem.js"></script> index.less是样式文件 zepto是引入的库 less.js是编译less的 rem.js是移动端屏幕自适应实现效果 1、页面布局页面布局采用position布局，进度条居中，css采用less，布局风格为移动端，采用rem单位。 html <section class = " loadingBox " > <div class = " progress " > <div class = " run " ></div> </div> </section> less html,body { height : 100% ; } .loadingBox { background : #000000 ; height : 100% ; overflow : hidden ; position :

Break element out of container

阅读更多关于 Break element out of container

I have all my content wrapped in a container element with a fixed width. But I have a <div> that I want to "break out" of that container to span the full width of the page. http://dabblet.com/gist/3207168 As you can see in that example, I've got the <div> to break out, but since it's positioned absolutely, it doesn't affect the flow of the page...which is what I'd like it to do. I want it to act like it's in the flow of the page, but expand the full width of the window. voodoo417 Maybe http://jsfiddle.net/sYv9g/1/ ? .wrapper { width:300px; margin:0 auto; background:yellow; } .break { text

登录-注册页面修订

阅读更多关于登录-注册页面修订

登录页面修订 <template> <div class="login box"> <img src="@/assets/img/Loginbg.jpg" alt=""> <div class="login"> <div class="login-title"> <img src="@/assets/img/Logotitle.png" alt=""> <p>帮助有志向的年轻人通过努力学习获得体面的工作和生活!</p> </div> <div class="login_box"> <div class="title"> <span :class="{active: a0}" @click="changeLogin(0)">密码登录</span> <span :class="{active: a1}" @click="changeLogin(1)">短信登录</span> </div> <div class="inp" v-if="login_type==0"> <input v-model="username" type="text" placeholder="用户名 / 手机号码" class="user"> <input v-model="password" type="password" name="" class="pwd" placeholder="密码"> <div

Position by center point, rather than top-left point

阅读更多关于 Position by center point, rather than top-left point

Is it possible to tell the code to position by the center point of an element, rather than by the top-left point? If my parent element has width: 500px; and my child element has /*some width, for this example let's say it's 200px*/ position: absolute; left: 50%; one would assume that based on the 50% positioning, the child element will be in the middle of the parent, leaving 150px of free space on each side. However, it is not, since it is the top-left point of the child that goes to 50% of the parent's width, therefore the whole child's width of 200px goes to the right from there, leaving

数据库基本信息查询

阅读更多关于数据库基本信息查询

作业： 1. 查看岗位是teacher的员工姓名、年龄 2. 查看岗位是teacher且年龄大于30岁的员工姓名、年龄、薪资 3. 查看岗位是teacher且薪资在9000-1000范围内的员工姓名、年龄、薪资 4. 查看岗位描述不为NULL的员工信息 5. 查看岗位是teacher且薪资是10000或9000或30000的员工姓名、年龄、薪资 6. 查看岗位是teacher且薪资不是10000或9000或30000的员工姓名、年龄、薪资 7. 查看岗位是teacher且名字是jin开头的员工姓名、年薪新建数据库 mysql> create database test2; Query OK, 1 row affected (0.00 sec) 新建表 mysql> create table teacher( -> id int auto_increment primary key, -> name varchar(10), -> age int, -> wage float, -> position enum('teacher','student') -> )charset=utf8; Query OK, 0 rows affected (0.10 sec) mysql> desc teacher; +----------+---------------------------+

css footer position stick to bottom of browser?

阅读更多关于 css footer position stick to bottom of browser?

I'm having a problem with my site http://artygirl.co.uk/pixie/about/ I can't seem to get the footer to automatically stick to the bottom of the browser, and show the rest of my background. Is there a solution better than using position:fixed or absolute? I think there are possibly other styles over-riding some tests I do in firebug. Thanks for your help Regards Judi Steve This is always a bit difficult, you could increase the min-height of your content area, but even then if someone has a really big screen you'd see the same thing. You could use a bit of JavaScript to increase the min-height

实现单行文本居中和多行文本左对齐并超出显示\"...\"

阅读更多关于实现单行文本居中和多行文本左对齐并超出显示\"...\"

.one { text-align: center } 多行文本： .multi { overflow: hidden text-overflow: ellipsis display: -webkit-box -webkit-line-clamp: 3 -webkit-box-orient: vertical }不过可惜的是兼容性太差，可以用下面的这个 .multi-text{ width: 50%; height: 4.5rem; line-height: 1.5; padding: 20px; background: lightblue; overflow: hidden; position: relative; box-sizing: border-box; &::after{ content: '...'; height: 1.5rem; position: absolute; bottom: 5px; right: 5px; } } 来源： https://www.cnblogs.com/jack123/p/11757386.html

堆外内存

阅读更多关于堆外内存

java 版的 mmap，返回的对象是 DirectByteBuffer，是堆外内存 // java.nio.channels.FileChannel#map public abstract MappedByteBuffer map(MapMode mode, long position, long size) throws IOException; 设置堆外内存的大小 -XX:MaxDirectMemorySize=16G 来源： https://www.cnblogs.com/allenwas3/p/11757237.html

CSS: Position loading indicator in the center of the screen

阅读更多关于 CSS: Position loading indicator in the center of the screen

How can I position my loading indicator in the center of the screen. Currently I'm using a little placeholder and it seems to work fine. However, when I scroll down, the loading indicator stays right in that predefined position. How can I make it follow the scrolling so that it always sits on top?? #busy { position: absolute; left: 50%; top: 35%; display: none; background: transparent url("../images/loading-big.gif"); z-index: 1000; height: 31px; width: 31px; } #busy-holder { background: transparent; width: 100%; height: 100%; } use position:fixed instead of position:absolute The first one is