首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

css 笔记

*内补白(内补丁)         padding:        检索或设置对象四边的内部边距,如padding:10px; padding:5px 10px;         padding-top...:    检索或设置对象顶边的内部边距         padding-right:    检索或设置对象右边的内部边距         padding-bottom:检索或设置对象下边的内部边距...*外补白(外补丁)         margin:        检索或设置对象四边的外延边距,如 margin:10px;  margin:5px auto;         margin-top...:    检索或设置对象顶边的外延边距         margin-right:    检索或设置对象右边的外延边距         margin-bottom: 检索或设置对象下边的外延边距         ...表格相关属性:         table-layout    设置或检索表格的布局算法             border-collapse    设置或检索表格的行和单元格的边是合并在一起还是按照标准的

2.3K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Java组件生成PDF文件

    前言 最近和一位朋友聊自己微信小程序的事情,朋友的建议将小程序的文章给去掉,增加一个新的功能,他说我写的文章很鸡肋。...所以这里也随大流,选用iText,官网上iText已经到7了,但是百度搜索的案例中,用的都是iText5,考虑自己对iText不熟悉,所以还是根据大众选用5,一方面,入手快有现成的代码可以复制,另一方面用的人多...对象,三种方式: Document document =new Document(); // 默认页面大小是A4 Document document =new Document(PageSize.A4)...; // 指定页面大小为A4 Document document =new Document(PageSize.A4,50,50,30,20); // 指定页面大小为A4,且自定义页边距(marginLeft...通常我们会用到的内容内容类有: 段落Paragraph 表格table 单元格内容样式cell 直线 LineSeparator 点线 DottedLineSeparator 超链接 Anchor

    4.8K20

    CSharp每日代码示例:使用iTextSharp创建PDF文件

    页边距: 当创建一个文件时,你还可以定义上、下、左、右页边距: Document document = new Document(PageSize.A5, 36, 72, 108, 180); 说明:...当创建一个矩形或设置边距时,你可能希望知道该用什么度量单位:厘米、英寸或象素,事实上,默认的度量系统以排版单位磅为基础得出其他单位的近似值,如1英寸=72磅,如果你想在A4页面的PDF中创建一个矩形,你需要计算以下数据...: 21 厘米 / 2.54 = 8.2677 英寸 8.2677英寸* 72 = 595 磅 29.7 厘米 / 2.54 = 11.6929 英寸 11.6929英寸* 72 = 842 磅 默认边距为...五、段落 段落是一系列块和(或)短句。同短句一样,段落有确定的间距。用户还可以指定缩排;在边和(或)右边保留一定空白,段落可以左对齐、右对齐和居中对齐。...有一些预定的分割符如“ ”空格和“-”连字符,但是你可以使用setSplitCharacter方法来覆盖这些默认值。

    3.1K10

    开源免费且稳定实用的.NET PDF打印组件itextSharp(.NET组件介绍之八)

    一.itextSharp组件概述:          1.iText的是PDF库,它允许你创建,调整,检查和维护的可移植文档格式文件(PDF):         (1).基于从XML文件或数据库中的数据生成文件和报告...(4).从现有PDF文件拆分或连接页面;填写交互式表单。         (5).即成动态生成或操纵PDF文档到Web浏览器。       ...iText所使用的的Java,.NET,Android和GAE开发人员加强与PDF功能的应用程序。iTextSharp的是.NET端口。    ...,文档页边距等信息。    ...以上是对itextSharp组件的一些类和方法的简单介绍,对于表格,单元格等等类的介绍就不再继续,有兴趣的可以自己查看源代码信息。

    7.8K50

    07.HTML实例

    HTML 文本格式化 文本格式化 此例演示如何使用 pre 标签对空行和空格进行控制。 此例演示不同的"计算机输出"标签的显示效果。 此例演示如何在 HTML 文件中写地址。...文本下划线与删除线 HTML 样式 HTML Style 元素 背景色样式 字体样式,颜色,大小 文本对齐样式 设置文本字体 设置文本字体大小 设置文本字体颜色 设置文本字体,字体大小,字体颜色...制作图像链接 创建图像映射 点击图片映射到另一张图 HTML 表格 简单的表格 没有边框的表格 表格中的表头 带有标题的表格 跨行或跨列的表格单元格 表格内的标签 单元格边距(Cell padding...) 单元格间距(Cell spacing) HTML 列表 无序列表 有序列表 不同类型的有序列表 不同类型的无序列表 嵌套列表 嵌套列表 2 定义列表 HTML Forms 和 Input...创建一个按钮 本例演示如何在数据周围绘制一个带标题的框。

    8.2K40

    CSS 面试要点:盒模型

    # CSS 如何设置盒模型宽高 在 CSS3 中,可以通过属性 box-sizing: content-box | border-box 来设置盒模型为 标准模型(content-box) 和 IE 模型...只有普通文档流中的垂直外边距才会发生折叠,行内元素、浮动元素或绝对定位之间的外边距不会发生折叠。...# BFC 渲染规则 BFC 元素垂直方向的边距会发生重叠,属于不同 BFC 外边距不会发生重叠 BFC 的区域不会与浮动元素的布局重叠 BFC元素是一个独立的容器,外面的元素不会影响里面的元素,里面的元素也不会影响外面的元素...fixed) 行内块元素 (display 值为 inline-block) 表格单元格 (display 值为 table-cell,HTML 表格单元格默认值) 表格标题 (display 值为 table-caption...,HTML 表格标题默认值) 匿名表格单元格元素 (display 值为 table、table-row、table-row-group、table-header-group、table-footer-group

    57960

    CSS 布局

    #什么是 BFC Box:Box 是 CSS 布局的对象和基本单位,你可以理解一个页面就是由很多的 Box 组成的 Formatting Context:即格式化上下文,它是存在页面中的一块独立的渲染区域...inline-block) 表格单元格(元素的 display 为 table-cell,HTML 表格单元格默认为该值) 表格标题(元素的 display 为 table-caption,HTML 表格标题默认为该值...HTML table、row、tbody、thead、tfoot 的默认属性)或 inline-table) overflow 值不为 visible 的块元素 -弹性元素(display 为 flex...#BFC 特点 BFC 垂直方向边距(margin)重叠 BFC 是一个独立的容器,外面的元素不会影响到里面的元素 BFC 的区域与会与浮动元素的 box 重叠 计算 BFC 高度的时候浮动元素也会参与计算...如设置:overflow:hidden; 避免外边距折叠 两个块同在一个 BFC 会造成垂直方向的外边距折叠,但如果对这两个块分别设置 BFC,那么边距重叠的问题就不存在了。

    1.1K20

    表格属性(特有)

    值1       值2;    水平方向   垂直方向 border-spacing:设置边框边距;        设置边框前提border-collapse取值为sparete(不合并),...       当然border-collapse取值还有collaps(合并),在sparate(不合并)下才能进行表格边框边距设置;        border-spacing取值一个值表示水平数值全部一样...: right; vertical-align: top; } 3.显示规则             1.作用 规定单元格的 宽度 和 高度 处理方式             2.属性 table-layout...:                 取值                     1.auto   默认,自动计算单元格的宽和高                     2.fixed 固定表格布局...适用于不确定每列的内容大小                 2.固定表格布局table-layout:fixed; 1.单元格大小和内容无关                     2.加载复杂表格相对较快

    62530

    前端之HTML和CSS

    solid pink; padding 设置元素包含的内容和元素边框的距离,也叫内边距,如padding:20px;padding是同时设置4个边的,也可以像border一样拆分成分别设置四个边...margin 设置元素和外界的距离,也叫外边距,如margin:20px;margin是同时设置4个边的,也可以像border一样拆分成分别设置四个边:margin-top、margin-left、margin-right...*/ padding:20px 40px; /* 设置上下内边距为20px,左右内边距为40px*/ padding:20px; /* 设置四边内边距为20px */  设置外间距margin ...  外边距的设置方法和padding的设置方法相同,将上面设置项中的'padding'换成'margin'就是外边距设置方法。...: colspan 设置单元格水平合并,设置值是数值 rowspan 设置单元格垂直合并,设置值是数值 表格相关样式属性 border-collapse 设置表格的边线合并,如:border-collapse

    4.3K30

    03.HTML头部CSS图像表格列表

    以下实例显示出如何改变段落的颜色和左外边距。...HTML 图像- 设置图像的高度与宽度 height(高度) 与 width(宽度)属性用于设置图像的高度与宽度。 属性值默认单位为像素: 提示: 指定图像的高度和宽度的一个很好的习惯。...注意: 加载页面时,要注意插入页面图像的路径,如果不能正确设置图像的位置,浏览器无法加载图片,图像标签就会显示一个破碎的图片。 更多实例 排列图片 本例演示如何在文字中排列图像。...带有标题的表格 本例演示一个带标题 (caption) 的表格 跨行或跨列的表格单元格 本例演示如何定义跨行或跨列的表格单元格。 表格内的标签 本例演示如何显示在不同的元素内显示元素。...单元格边距(Cell padding) 本例演示如何使用 Cell padding 来创建单元格内容与其边框之间的空白。

    19.4K101

    免费的可视化Web报表工具,JimuReport v1.5.0版本发布

    支持分组、交叉,合计、表达式等复杂报表 支持打印设计(支持套打、背景打印等)可设置打印边距、方向、页眉页脚等参数 一键快速打印 同时可实现套打,不动产证等精准、无缝打印 大屏设计器支持几十种图表样式,...,MySQL,SQLServer,PostgreSQL等主流的数据库 │ │ ├─支持SQL编写页面智能化,可以看到数据源下面的表清单和字段清单 │ │ ├─支持参数 │ │ ├─支持单数据源和多数数据源设置...├─支持设计器内冻结窗口 │ │ ├─支持对单元格内容或格式的复制、粘贴和删除等功能 │ │ ├─等等 │ ├─报表元素 │ │ ├─文本类型:直接写文本;支持数值类型的文本设置小数位数...│ │ ├─打印区域设置 │ │ ├─打印机设置 │ │ ├─预览 │ │ ├─打印页码设置 ├─大屏设计器 │ ├─系统功能 │ │ ├─静态数据源和动态数据源设置 │ │...│ │ └─支持设置大屏密码 │ │ └─支持对组件图层的删除、组合、上移、下移、置顶、置底等 │ │ ├─背景设置 │ │ └─大屏的宽度和高度设置 │ │ └─大屏简介设置 │

    60640

    Flutter TolyUI 框架#01 | 响应式布局#使用篇

    如下所示,每行两个条目或一个条目。...间隔与边距 Row$ 支持 24 栅格,如果单元格总长度大于 24 栅格,将会自动换行。如下图所示: gutter 表示每个单元格的间距。 verticalGutter 表示换行后,竖直间距。...名称 响应式类型 作用 span int 单元格跨度 offset int 偏移单元格数量 push int 右移数量 pull int 左移数量 1. offset 参数 offset 可以指定某个单元格左侧的偏移边距...pull 和 offset 不同的是,push 和 push 仅对对单元格进行平移,并不占据栅格空间。...响应式边距 Padding$ 有时,在宽屏下希望边距打一些,窄屏中布局小一些。这就是响应式边距的需求。为了简单使用我也通过了一个 Padding$ 组件实现响应式边距的功能。

    1.3K10
    领券