ul

ul宽度不固定(或li数量不固定) 居中显示

﹥>﹥吖頭↗ 提交于 2020-01-29 04:07:27
ul宽度不固定 html: <div id="box"> <ul class="middle"> <li>列表一</li> <li>列表二</li> <li>列表三</li> </ul> </div> css: #box { position:relative; width:500px; background-color:#eee; overflow:hidden; } #box .middle { float:left; position:relative; left:50%; margin: 0; padding: 0; } #box .middle li{ position:relative; right:50%; float:left; list-style-type: none; border:solid 1px #000; line-height:60px; } li数量不固定 html: <ul id="middle"> <li>哈哈</li> <li>哈哈</li> <li>哈哈</li> <li>哈哈</li> <li>哈哈</li> </ul> css: #middle { text-align: center; background: #f00; } #middle li { display: inline-block; *display: inline; /

html&&常用emmet语法

泄露秘密 提交于 2020-01-28 12:42:11
html&&常用emmet语法 <!-- 常用emmet语法 --> <!--"html:5"生成html5文档结构 或 "!"也可以 --> <!DOCTYPE html> < html lang = " en " > < head > <!--"meta:utf"生成当前默认字符集的标签--> < meta http-equiv = " Content-Type " content = " text/html;charset=UTF-8 " > <!--<meta charset="UTF-8"> --> <!--"meta:vp"创建当前页面缩放--> < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > <!--"meta:compat"兼容IE8 --> < meta http-equiv = " X-UA-Compatible " content = " ie=edge " > <!--"link"引用CSS文件 或 "link:css"--> < link rel = " stylesheet " href = " bootstrap.css " > <!-- "script:src"添加script脚本 --> < script src = "

5G NR LDPC码(3)—— DL-SCH和UL-SCH的LDPC处理(含代码)

寵の児 提交于 2020-01-27 04:14:22
DL-SCH和UL-SCH的LDPC处理(含代码) 这个例子是5G Matlab工具包中的,突出讲解了5G NR下行和上行共享传输信道(DL-SCH和UL-SCH)的LDPC编码链路的整个过程。 共享信道参数 该示例使用DL-SCH来描述处理过程,它也适用于UL-SCH。在下行共享(DL-SCH)信道上传输的传输块选择参数。 根据选择的传输块长度和目标码率,利用nrDLSCHInfo函数确定DL-SCH编码参数。 之前的博文中介绍过,DL-SCH支持 多码字传输(即两个传输块) ,而UL-SCH只支持一个码字。除了上面列出的用于DL-SCH的pi/2-BPSK调制,UL-SCH还支持pi/2-BPSK调制。 使用LDPC编码的传输块处理 从MAC层传递到物理层的数据称为 传输块 。 对于下行共享信道(DL-SCH),传输块经过以下处理阶段: CRC附加 码块分割和码块CRC附加 使用LDPC进行信道编码 速率匹配和码块连接 在传输到物理下行共享信道(PDSCH)进行交织、调制、层映射和资源/天线映射之前,每个阶段都由一个函数执行,如下所示。 根据可用资源,速率匹配和码块连接过程的输出位数必须与PDSCH的位容量匹配。在本例中,由于没有对PDSCH进行建模,因此将其设置为根据前面选择的传输块大小来实现目标码率。 类似的处理也适用于UL-SCH,其中物理上行链路共享通道(PUSCH

【翻译】Emmet (ZenCoding) 缩写语法

时光总嘲笑我的痴心妄想 提交于 2020-01-26 10:11:39
缩写语法 Emmet 使用类似于 CSS 选择器的语法描述元素在生成的文档树中的位置及其属性。 元素 可以使用元素名(如 div 或者 p)来 生成 HTML 标签。Emmet 没有预定义的有效元素名的集合,可以把任何单词当作标签来生成和使用: div → <div></div> , foo → <foo></foo> 等。 嵌套运算符 嵌套运算符用于以缩写的方式安排元素在生成文档树中的位置:将其放在内部或成为相邻的元素。 子: > 可以使用 > 运算符指定嵌套元素在另一个元素内部: div>ul>li 生成的结果为: <div> <ul> <li></li> </ul> </div> 兄弟: + 使用 + 运算符将相邻的其它元素处理为同级: div+p+bq 生成的结果为: <div></div> <p></p> <blockquote></blockquote> 上升: ^ 使用 > 运算符将会降低所有后续所有元素在生成树中的级别,每一级的兄弟元素也被解析成相同深度的元素: div+div>p>span+em 将生成: <div></div> <div> <p><span></span><em></em></p> </div> 使用 ^ 运算符,能够提升元素在生成树中的一个级别,并同时影响其后的元素: div+div>p>span+em^bq 将生成: <div></div>

#menu ul li:hover ul

白昼怎懂夜的黑 提交于 2020-01-24 12:33:55
#menu ul li:hover ul这个样比较难理解,它的意思是定义当鼠标划过#menu下ul下li时,li下的ul的样式(有点饶舌),这里设置为display:block,意思是鼠标划过时显示这块内容。开始隐藏,鼠标划过时显示, 这就实现了我们想要的效果。目前IE6只支持a的伪类,其它标签的伪类不支持,所以要想在IE6下也显示正确,需要借助js来实现。我们定义一个类.sfhover(自己命名,需和JS中相同www.99buyecheng.com)的属性为display:block;然后当鼠标划过后,用JS给当前li添加上这个样式上,根据css的优先级:指定的高于继承的原则,就实现了IE6下的正确显示。 http://www.zhuqiaodou.com/forum.php?mod=forumdisplay&fid=55 来源: https://www.cnblogs.com/huangqi/archive/2013/01/31/2887366.html

HTML和 CSS学习---(17)

纵然是瞬间 提交于 2020-01-23 16:04:55
HTML和 CSS学习---(17) 内容介绍 内容 html文件 css 文件 内容介绍 ![Alt] (https://yt3.ggpht.com/a/AGF-l7_JOPbXWp3QXZDuk7CCOzxdwpRg8MFJliMx5A=s900-c-k-c0xffffffff-no-rj-mo0) 这个学习资源来自于一个youtuber开的频道, 名字叫做online tutorial(https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog/featured), 从第一次无意间系统推送给我他的频道的时候我就被他发的一些自创css style深深吸引, 也借以这个平台来和大家分享一下一些很有用的学习资源。 内容 今天想介绍的是一个UI设计的部件吧可能 我主要想讲一下蓝色的对话框设计,废话不多说,我们一起来看代码吧 html文件 < body > < ul > < li > < i class = " fa fa-gift " > </ i > < span > Gift Tooltip </ span > </ li > < li > < i class = " fa fa-glass " > </ i > < span > glass Tooltip </ span > </ li > < li > < i class

菜单导航栏tab页制作

て烟熏妆下的殇ゞ 提交于 2020-01-23 04:22:31
一 页面部分 </ul> </div> <!-- 登录用户--> <div class="user-info"> <ul class="user"> <li> <a href="" style="text-align:center;"> <span style="margin-left: 50px;"> ${user.userName}<br> ${user.deptName} </span> <i class="iconfont icon-pull_down f-left"></i> </a> <ul> <li class="exit"> <a id="logout"> 退出系统 </a> 来源: CSDN 作者: ghx123456ghx 链接: https://blog.csdn.net/ghx123456ghx/article/details/103984988

NR - Slot Configuration

谁都会走 提交于 2020-01-22 16:06:17
​ NR 中的上下行时隙配置取决于 tdd-UL-DL-ConfigurationCommon , tdd-UL-DL-ConfigurationDedicated 以及SFI。 tdd-UL-DL-ConfigurationCommon 为小区级别配置, tdd-UL-DL-ConfigurationDedicated 为UE专属配置,SFI是通过DCI来指示上下行时隙格式变化。 一 tdd-UL-DL-ConfigurationCommon tdd-UL-DL-ConfigurationCommon 的配置如下,一般存在于SIB1信息中。 TDD-UL-DL-ConfigCommon ::= SEQUENCE { referenceSubcarrierSpacing SubcarrierSpacing, pattern1 TDD-UL-DL-Pattern, pattern2 TDD-UL-DL-Pattern OPTIONAL , -- Need R ... } TDD-UL-DL-Pattern ::= SEQUENCE { dl-UL-TransmissionPeriodicity ENUMERATED {ms0p5, ms0p625, ms1, ms1p25, ms2, ms2p5, ms5, ms10}, nrofDownlinkSlots INTEGER (0.

jq倾斜的动画导航菜单

送分小仙女□ 提交于 2020-01-22 16:04:44
效果预览网址: http://keleyi.com/keleyi/phtml/jqmenu/index.htm 支持IE、Chrome、火狐等浏览器 完整源代码,保存到HTML文件打开也可查看效果: <!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=utf-8" /> <title>jq倾斜的动画导航菜单-柯乐义</title><base target="_blank" /> <style type="text/css"> *{margin:0;padding:0;list-style-type:none;} a,img{border:0;text-decoration:none;} body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";background:#E8E8E8;} .clearfix:after

关于CSS的问题

孤街醉人 提交于 2020-01-22 10:23:09
1、行元素在块级元素中浮动,块级元素无法实现居中 比如说:li 元素在 ul 元素中浮动,ul 元素是块级元素,宽度为页面的宽度,难以实现 li 元素在 ul 中居中对齐。 可以将 ul 元素设为 inline-block,宽度为 auto,这样ul元素的宽度就会是 li 元素宽度的总和,并且将 ul 元素的父元素设为 text-align: center,由此 ul 元素在父元素中居中,li 元素也自然居中。 由上可以得知,将父元素的设为 inline-block,宽度设为 auto,则该父元素的宽度就是子元素宽度的和。 来源: https://www.cnblogs.com/wenxuehai/p/12227953.html