text-align

html初学

由 丶灬走出姿态 提交于 2020-02-13 05:08:47
一、表格的使用 会使用align和valign两个属性，就能设计表格的位置及内容的位置了。 align和valign属性均是规定表格相对于周围元素的对齐方式，区别就在于： 1、align属性趋向于左右对齐，其值包含：left、right、center 2、valign属性趋向于垂直对齐，其值包含：top、bottom、middle、baseline 比如让表格居中： <table width="400px" border="0" align="center" valign="center"> </table> 让表格的内容居中： <td align="center" valign="center"> </td> 也就是要控制表格的位置，就写在<table>标签里，要控制表格内容的位置，就写在<td>标签里。 也可以通过 text-align 属性设计表格元素的位置： <td style="background-color:#ffff99;width:5%;text-align:left;"> 二、设置控件的样式 可以将style放在任何想设计的控件标签中。 表格颜色及大小： <td style="background-color:#ffff99;width:5%;text-align:left;"> 按钮颜色及大小： <input type="button" value="查询工具

Summary_javascript实现个人简历上传照片

由 浪子不回头ぞ 提交于 2020-02-12 22:44:32
<html> <head> <style> input{ border: 0px; outline:none; height: 50px; text-align: center; font-size: 16px; font-family: "Microsoft YaHei"; } textarea{ border:0px; outline:none; text-align: left; font-size: 16px; font-family: "Microsoft YaHei"; } table{ border-color: black; border-collapse: collapse; text-align: center; } tr{ border: 0px; } td{ text-align: center; } pre{ font-size: 16px; font-family: "Microsoft YaHei"; } form img { height: 140px; width: 100px; } label{ background-color: gainsboro; padding: 5px 10px; border-radius: 5px; border: 1px ridge black; 来源： CSDN 作者： 家有喜娟儿 链接： https:/

宣传页项目实战

由 主宰稳场 提交于 2020-02-10 11:32:48
编辑器：sublime text3 标注工具：PxCook 切图工具：PS 开发前准备：设计图标注 PxCook 空格键可以上下拖动 大致标注图纸：（可惜不能文字标注和拉参考线） 开发前准备：PS切图 在指定图层上新建一个图层，使用ctrl+e 合并图层，可以将任意图层转为普通图层 （如果图层是下面图层的剪贴图层，可以把该图层移动到新建图层的上面再合并） （如果图层羽化较多，ctrl+enter无法选中，则直接ctrl+c） ctrl+enter 框选需要的图层内容 ctrl+c 复制图层 ctrl+n 新建画布 ctrl+v 黏贴，隐藏掉背景图层 存储为web所用格式，jpg或者png24 开发前准备（雪碧图） 我用的软件是：CssGaga 将phone1-phone4四张小图生成一张雪碧图 提供图片以及css位置 静态页面开发 文字距离容器左边一定位置： padding-left 或者 text-indent padding-left 设置的宽度，需要在width 中减去；而text-indent 不用 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale

CSS滑动门技术01

由 安稳与你 提交于 2020-02-10 08:44:03
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <html xmlns=" http://www.w3.org/1999/xhtml "> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS滑动门技术-www.56rr.cn</title> <style type="text/css"> <!-- body,td,th { font-size: 12px; } .Mainbox{ width:760px; margin:5px auto;} .body01{ width:435px; float:left;height:22px;} .menuA2 {} .menuA2 ul{ margin:0; padding:0} .menuA2 li{ float:left; list-style.:none;} .menuA2 .active{ width:87px; padding:6px 0 2px; cursor:pointer; text-align

寒假第八天——（家庭记账本）

由 ⅰ亾dé卋堺 提交于 2020-02-08 15:42:47
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录</title> </head> <style type="text/css"> *{margin: 0;padding: 0} html,body{height: 100%} /*这里很关键*/ .outer-wrap{ /*只有同时为html和body设置height: 100%时，这里的height才生效， 并且随浏览器窗口变化始终保持和浏览器视窗等高*/ height: 100%; position: relative; background-image: url('images/01.jpg'); } .login-panel{ width: 400px; height: 200px; background-image: url('images/02.jpg'); position: absolute; top: 50%; left: 50%; margin-top: -150px; margin-left: -200px; } </style> <body> <%

让盒子两端对齐小技巧 => inline-block

由 馋奶兔 提交于 2020-02-06 02:07:50
今天在项目中碰到了设计盒子两端对齐的栗子，咱们用inline-block方法轻松的解决了，下面是我的经验：　　原理： 利用文字text-align：justify; 操纵inline-block盒子，能够实现盒子两端对齐。 　　说明： inline-block元素 会按照基线对齐的方式两列，给这个元素的父盒子设置一个text-align：justify； 即可实现两端对齐的功能 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <title>盒子两端对齐</title> 6 </head> 7 <style type="text/css"> 8 * { 9 margin: 0; 10 padding: 0; 11 } 12 html,body { 13 width: 100%; 14 height: 100%; 15 } 16 .box { 17 width: 100%; 18 height: 100%; 19 /* 设置元素两端对齐 */ 20 text-align: justify; 21 } 22 /* 这里的伪元素一定要加上，不然span元素不能两端对齐 */ 23 .box:after { 24 content: ""; 25 display: inline-block;

Aligning elements with different horizontal position along vertical axis, without hardcoding

由 倾然丶 夕夏残阳落幕 提交于 2020-01-25 15:52:50
问题 I have a container with two elements, like so: <div id="container"> <div id="button-container"> <!-- sometimes other buttons as well in this part --> <input type="button" value="EXIT"> </div> <h1 id="title-h1">Page Title</h1> </div> I want to align the #button-container vertically with the #title-h1 - that is, I want them both to be in the vertical center of the #container div. In contrast, I want the #button-container to be pushed to the left edge, while the #title-h1 should be in the center

C#巧用Excel模版变成把Table打印出来

由 末鹿安然 提交于 2020-01-25 03:24:53
转载： http://blog.csdn.net/gwblue/article/details/38865525 将一个做好的 Excel 模版，通过程序填上数据然后打印出来这个需求有两种方法一种是通过代码打开 Excel 模版然后填入数据然后再打印。 第二种方法就是我将要介绍的 1 、将 Excel 设置好格式另存为 HTML 页将 Excel 转化为 HTML 的 Table 2 、将 HTML 用记事本打开把这个 HTML 页将 <style></style> 和 <table></table> 标签中的内容粘贴出来。 3 、在程序中写入打印代码。 [java] view plain copy using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Text; using System.IO; using BLL; using Model; using System.Data; public partial class WebUI_Order_OutExcel : System.Web.UI.Page { BT_XDMgr XDMgr = new BT_XDMgr();

C#巧用Excel模版变成把Table打印出来

由 三世轮回 提交于 2020-01-25 03:24:27
文章来源： http://blog.csdn.net/gwblue/article/details/38865525 将一个做好的 Excel 模版，通过程序填上数据然后打印出来这个需求有两种方法一种是通过代码打开 Excel 模版然后填入数据然后再打印。 第二种方法就是我将要介绍的 1 、将 Excel 设置好格式另存为 HTML 页将 Excel 转化为 HTML 的 Table 2 、将 HTML 用记事本打开把这个 HTML 页将 <style></style> 和 <table></table> 标签中的内容粘贴出来。 3 、在程序中写入打印代码。 [java] view plain copy using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Text; using System.IO; using BLL; using Model; using System.Data; public partial class WebUI_Order_OutExcel : System.Web.UI.Page { BT_XDMgr XDMgr = new BT_XDMgr(

C#巧用Excel模版打印

由 扶醉桌前 提交于 2020-01-25 03:23:48
通过程序填上数据然后打印出来这个需求有两种方法一种是通过代码打开 Excel 模版然后填入数据然后再打印。 第二种方法就是我将要介绍的 1 、将 Excel 设置好格式另存为 HTML 页将 Excel 转化为 HTML 的 Table 2 、将 HTML 用记事本打开把这个 HTML 页将 <style></style> 和 <table></table> 标签中的内容粘贴出来。 3 、在程序中写入打印代码。 using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Text; using System.IO; using BLL; using Model; using System.Data; public partial class WebUI_Order_OutExcel : System.Web.UI.Page { BT_XDMgr XDMgr = new BT_XDMgr(); DataTable dtOrderMainInfo = new DataTable(); DataTable dtOrderCongInfo = new DataTable();
订阅 text-align