tigerdsh
tigerdsh

CSS创建竖排文字的简单方法

在制作网页的时候我们经常需要创建一些竖排的文字，或许这对你来说是一件很简单的事情，但是你是否想过用CSS可有N种创建竖排文字的方法？希望这几种方法能够给你带来一些提示。

方法一：<br />标签

     一种可能的方法(但不推荐)是在每个字母后面添加<br />标签来实现竖排文字：

1
2
3
<h1>
   N  <br />E  <br />T  <br />T  <br />U  <br />T  <br />S
</h1>
点击查看演示

     千万不要使用使用这种方法，它是跛脚和草率的。

方法二：静态包裹

     通过这个方法，我们将每个字母包裹在一个span中，然后在CSS中设置它的display属性为block

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Vertical Text </title>

<style>
  h1 span { display: block; }
</style>
</head>
<body>

   <h1>
    <span> N  </span>
    <span> E  </span>
    <span> T  </span>
    <span> T  </span>
    <span> U  </span>
    <span> T  </span>
    <span> S  </span>
   </h1>

</body>
</html>

     这种方法的问题是，除了可怕的标签外，它需要你手工去给每个字母用span括起来。如果这些文字是由CMS动态生成的，那就别用这种方法了。

方法三：使用JavaScript

     我最初的想法是用JavaScript动态地添加span标签，这样我们就避开了方法二遇到的问题。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Vertical Text </title>

<style>
  h1 span { display: block; }
</style>
</head>
<body>
   <h1> NETTUTS  </h1>

   <script>
    var h1 = document.getElementsByTagName('h1')[0];
    h1.innerHTML = ' <span>' + h1.innerHTML.split('').join(' </span><span>') + ' </span>';
   </script>
</body>
</html>

     这个方法绝对是一个进步。以上方法中，我们将一行文本(NETTUTS)分拆放到一个数组中，并且将每个字母用span标签括起来。虽然我们可以用如for语句或$.map来筛选这个数组，但是更好更快的方法是手动地同时将文字插入和括起来。虽然相比方法二，这种方法更好，但是仍然不推荐此方法：

  • 在JavaScript被禁用的情况下会破坏你的布局
  • 理想的情况下，如果可能的话，我们应该使用CSS来完成这个任务。

方法四：给容器指定一个宽度

     如果可能的话，还是让我们远离JavaScript吧。如果我们给容器元素指定一个宽度，并强迫文字换行，如何？那是可以的。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Vertical Text </title>

<style>
  h1 {
    width: 50px;
    font-size: 50px;
    word-wrap: break-word;
  }
</style>
</head>
<body>
   <h1> NETTUTS  </h1>
</body>
</html>

     在这个方法中，我们给h1定义很窄的宽度，然后是其文字的宽度等于外围的宽度，最后设置word-wrap 等于 break-word，这样我们就可以强制每个字母单独在一行。不过需要注意的是，break-word是一个CSS3的属性，并不是所有浏览器都兼容。如果排除旧浏览器的话，这个问题貌似就可以解决了。。。但并完全是！上面的演示确实可以正常工作，但是玩像素值是很危险的，不信可以看看 将大写字母转换成小写字母的后果(在IE下看看)：

所以，使用这种方法，当你给h1指定具体像素宽度的时候，要特别小心。这种方法也不推荐！

方法五：使用 letter-spacing

     作为预防措施，并扩展方法四，我们为什么不申请相当大的letter-spacing来解决这个问题？

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Vertical Text </title>

<style>
  h1 {
    width: 50px;
    font-size: 50px;
    word-wrap: break-word;
    letter-spacing: 20px; /* Set large letter-spacing as precaution */
  }
</style>
</head>
<body>
   <h1> Nettuts  </h1>
</body>
</html>

     这似乎解决了这个问题，但是在这里，我们又使用了一些CSS3的属性。

方法六：使用 ems

     另外，还有一个一行内的解决方法。不知道你有没有记得，当给父级元素指定 overflow: hidden 的时候，父元素就会扩展以包含浮动？ 这个方法就类似这个，关键是使用了 em，并给每个字母之间添加了空格。

你可能感兴趣的:(html,css)

  • uniapp 在app上 字体如何不跟着系统字体大小变 getaxiosluo uni-app安卓vue.js字体
    在UniApp开发中，默认情况下App的字体可能会跟随系统字体设置而变化。如果你希望保持固定的字体样式，不随系统字体设置改变，可以采用以下几种方法：方法一：全局CSS设置在App.vue的样式中添加以下CSS：/*App.vue*//*强制所有文字使用特定字体*/page,.uni-app,.uni-page-body,.uni-tabbar,.uni-tabbar__item{font-fami
  • JSP 指令 wangjinjin180 java开发语言
    1.JSP指令概述JSP指令是用来控制JSP页面行为的特殊标签，通常出现在JSP页面的开头。与脚本元素和动作标签不同，JSP指令在编译时执行，并且影响整个JSP页面或Servlet类。它们不像脚本代码那样直接生成HTML输出，而是用来设置页面的属性或行为。常见的JSP指令类型页面指令（PageDirective）包含指令（IncludeDirective）标签库指令（TaglibDirective
  • JavaScript、CSS像素动画特效代码
    我将从专业角度解析这个像素动画特效的实现原理，并提供优化方案。以下是详细的技术分解：一、核心实现原理graphTDA[HTML结构]-->B[容器定位]B-->C[CSS动画驱动]C-->D[JS动态生成]D-->E[粒子生命周期管理]二、代码优化建议内存优化方案：//修改后的JS代码（增加粒子回收机制）constMAX_PARTICLES=100;//最大粒子数functioncreatePix
  • Lattice并购案和我国FPGA发展道路 万_大_帅 FPGA
    引用http://www.cnblogs.com/alifpga/p/9292588.htmlFPGA作为通信、航天、军工等领域的关键核心器件，是保障国家战略安全的重要支撑基础。近年来，随着数字化、网络化和智能化的发展，FPGA的应用领域得到快速扩张。美国在FPGA领域拥有绝对的垄断优势，已成为制约他国的重要工具之一。基于保护国家战略资产的考虑，美国总统特朗普下达行政指令，宣布停止具有中资背景的私
  • 百度UE（编辑器）如何高效导入Word文档中的图片？ 2501_90699850 umeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdfueditor导入ppt
    要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
  • selenium教程 —— css定位！ 小码哥说测试 seleniumcssjson测试工具postman自动化测试软件测试
    说明：本篇博客基于selenium4.1.0selenium-css定位element_css=driver.find_element(By.CSS_SELECTOR,'css表达式')复制代码css定位说明selenium中的css定位，实际是通过css选择器来定位到具体元素，css选择器来自于css语法css定位优点语法简洁对比其他定位方式，定位效率更快对比其他定位方式，定位更稳定调试方法方法
  • 每日免费分享之精品wordpress主题系列~DAY20 wordpress主题下载 wordpress主题wordpress主题wordpress主题下载wordpress模板
    每日免费分享之精品wordpress主题系列~DAY20本款wordpress主题首页图片自适应宽度大小，无需编辑剪裁。宽屏下每排显示4个图，窄屏下每排3个，ipad下每排2个，手机下每排1个。永远都是最佳比例。依旧是单栏wordpress主题，侧边栏划出式设计，最大化无障碍阅读。演示站地址链接：http://ztmao.com/cmszhuti/721.html请收藏一下，避免以后找不到哦！
  • JavaScript DOM操作实战指南：从元素获取到事件处理全解析 Ch1oy javascript开发语言ecmascript前端html5
    一、DOM操作基础认知1.1什么是DOM？文档对象模型（DocumentObjectModel）是浏览器将HTML文档转换为树形结构的编程接口。每个HTML标签对应一个节点对象，开发者可以通过JavaScript操作这些节点实现页面动态更新。DOM操作包含三个核心方向：元素获取、内容修改和事件交互。1.2元素的获取①ID精准定位：通过元素的id属性进行唯一性查找使用方法：document.getE
  • Python爬虫入门教程三：requests-html处理动态网页 NUAA丶无痕 Python爬虫
    环境python:3.7.4python库:requests-htmlIDE:pycharm2019.3版本爬取网址:https://weibo.cn/pub/教程本次教程爬取的网页是微博移动端的界面，打开网页会显示如下图所示其中除了两个明星每次加载会不一样以外，其他网页的内容是固定的，也就是说利用xpath只能提取网页的其他内容，但是不能提取显示的明星相关的内容下面附上完整代码，但先不要复制运行
  • Django+前端+数据库Day3 likfishdn django数据库python
    目录8连接MySQL数据库8.1安装第三方模块8.2ORM-创建数据库（1）自行创建数据库：启动mysql服务(2)创建一个数据库（3）查看你新建的数据库(4)django连接数据库(5)django创建修改删除表案例：用户管理1.用户列表1.url2.viwes3.info_list.html2.添加用户1.url2.viwes3.info_add.html3.删除用户1.url2.viwes8
  • html初学 wgego html前端
    一.什么是HTMLHTML是用来描述网页的一种语言。HTML指的是超文本标记语言:HyperTextMarkupLanguageHTML不是一种编程语言，而是一种标记语言标记语言是一套标记标签(markuptag)HTML使用标记标签来描述网页HTML文档包含了HTML标签及文本内容HTML文档也叫做web页面声明为HTML5文档元素是HTML页面的根元素元素包含了文档的元（meta）数据，如定义
  • 【JavaWeb】JavaScript 快速入门教程 2302_80979832 javascript开发语言ecmascript前端
    一、概述1.概念JavaScript,简称JS，是一门脚本语言，用来控制网页行为，实现页面交互效果2.组成JavaScript大体由三部分组成：ECMAScript，BOM，DOMECMAScript：规定JS的基础语法核心BOM：浏览器对象模型，用来操作浏览器本身，如：页面弹窗、地址拦截等等；DOM：文档对象模型，用于操作HTML文档，如：改变标签内容、改变标签内字体样式等等。二、核心语法（一）
  • 爬虫：Requests-HTML的详细使用 数据知道 2025年爬虫和逆向教程爬虫html前端python数据采集
    更多内容请见：爬虫和逆向教程-专栏介绍和目录文章目录1.Requests-HTML概述1.1为何选择Requests-HTML？1.2什么是Requests-HTML？1.3主要特性1.4安装`requests-html`2.基本用法2.1发送HTTP请求2.2解析HTML2.2.1使用CSS选择器2.2.2使用XPath2.2.3使用`search`方法2.3处理JavaScript渲染的页面3
  • CSS知识点总结 CSS3-02美化网页元素 码上来源码 前端html5
    css02HTML中引入CSS样式一，样式的调整1.字体样式2.文本样式3.超连接样式4.列表样式5.背景样式6.内核一，样式的调整标签的作用能让某几个文字或者某个词语凸显出来1.字体样式属性名含义举例font-family设置字体类型font-family:“隶书”;font-size设置字体大小font-size:12px;font-style设置字体风格font-style:italic;f
  • mac 怎么配置python 环境变量 花花鼓 macospython开发语言
    python相关学习资料：https://edu.51cto.com/video/4102.htmlhttps://edu.51cto.com/video/3502.htmlhttps://edu.51cto.com/video/1158.htmlMac上配置Python环境变量的详细方案在Mac操作系统上配置Python环境变量是一个常见的需求，尤其是对于开发者来说。本文将详细介绍如何在Mac上
  • mac安装python 并配置环境变量 SchwatzWagen pythonmacos开发语言
    环境变量,python相关学习资料：https://edu.51cto.com/video/2083.htmlhttps://edu.51cto.com/video/1158.htmlhttps://edu.51cto.com/video/4645.htmlMac上安装Python并配置环境变量作为一名刚入行的开发者，你可能需要在Mac上安装Python并配置环境变量。别担心，这个过程并不复杂，我
  • CSS之盒子模型 爱爬山的老虎 前端学习csscss3前端
    盒子模型content（内容区域）只对内容区域有改变.box{width:200px;height:100px;background-color:lightblue;}padding（内边距）padding用于扩展内容区域的间距，不会影响margin但会增加盒子大小.box{padding:20px;}padding:10px;/*上右下左都10px*/padding:10px20px;/*上下1
  • 解决·CSS·font-weight给数字值没有反应 爱爬山的老虎 css前端
    错误示例：font-weight:1;没有反应错误探究：并非所有字体都支持100-900的权重级别font-weight允许的数值范围是100-900（以100递增）
  • vue2中引入elementui 康620 elementui前端javascript
    npm安装推荐使用npm的方式安装，它能更好地和webpack打包工具配合使用。npmielement-ui-S引入：importVuefrom'vue';importElementUIfrom'element-ui';//1import'element-ui/lib/theme-chalk/index.css';//2importAppfrom'./App.vue';Vue.use(Elemen
  • 对table中有图片的情况进行处理，将图片提取出来，删除table,解决图片带有边框问题 Java-请多指教 java开发语言
    /***对table中有图片的情况进行处理，将图片提取出来，删除table,解决图片带有边框问题*@paramresult*@return*/privateStringdealTableContainImg(Stringresult){//解析HTML字符串Documentdoc=Jsoup.parse(result);ElementstableElements=doc.select("table
  • 如何通过less在vue2中达到切换皮肤的目的 隐含 less前端css
    先装lessnpminstalllessless-loader--save-dev然后将该loader添加到webpack的配置中去，例如：webpack.config.jsmodule.exports={module:{rules:[{test:/\.less$/i,use:[//compilesLesstoCSS'style-loader','css-loader','less-loader'
  • 前端工程化开篇 前端_yu小白 前端工程化前端工程化
    前端发展史梳理：最早的html，css，js是前端三剑客，足以实现所有的前端开发任务，但是呢，一个简单的前端交互效果可能就需要一大堆的代码去实现。后来呢，有了前端库jQuery，他可以使前端的dom操作编写较为简单的代码，提升了前端开发效率。但是随着技术的发展，jquery的弊端逐渐显现。频繁的操作dom使页面性能很差，且jquery不支持原生的模块化开发，无法适应前端发展的需要。再后来，有了vu
  • 【taiwindcss4系列教程】tailwindcss失效不显示的简单处理方法 马墉 HW css前端
    目录起因问题解决思路起因新版本的tailwindcss4在ios设备上或iphone8splus等设备上部分失效或全部无效。如何解决呢，本教程传授一种简单方法且有效的方法。问题比如下面的代码，边框样式在某些手机上边框无法显示无法显示。边框样式失效解决思路我们可以在tailwindcss官网找到borderwidth说明文档。将Properties代码进行复制，并写入到style的行内样式。这样ta
  • 框架中的左侧菜单关联右侧页面是如何实现的_Axure RP9教程 内部框架 weixin_39767983
    一、说明内部框架是Axure的一个元件，在PC端设计时比较常见，例如CSDN个人中心后台，根据左侧区域选择不同栏目，右侧内容发生变化，实际就是应用了内部框架实现。内部框架对应的就是html元素中iframe标签。二、效果演示案例链接：https://f9d9x0.axshare.com/三、操作步骤1、内部页面首先在公用元件库中找到
  • 基于HTML的邮件发送状态查询界面设计示例 大霸王龙 html前端javascript
    以下是一个基于HTML的邮件发送状态查询界面设计示例，结合筛选功能、状态展示和重新发送操作，采用Bootstrap框架实现响应式布局：邮件发送状态监控系统.status-badge{padding:4px8px;border-radius:12px;font-size:0.9em;}.success{background-color:#d4edda;color:#155724;}.failed{b
  • HTML/CSS笔记 可能是小李吧 学习笔记csshtml
    思维导图HTML网页的基本结构文档声明，声明当前文档版本迭代网页的版本HTML4XHTML2.0HTML5...文档说明文档说明用来告诉浏览器当前的版本进制二进制十进制八进制十六进制字符编码所有的数据在计算机中储存时都是以二进制形式存储的，文字也不例外。所以一段文字在存储到内存时，都需要转换为二进制编码当我们读取这段文字时，计算机会将编码转换为字符，供我们阅读解码将二进制码转换为字符的过程称为解码
  • Vue3：企业级组件库搭建(10) 双囍菜菜 Vue3vue.js
    企业级组件库搭建指南：从架构设计到持续交付文章目录文章目录企业级组件库搭建指南：从架构设计到持续交付文章目录一、Monorepo架构设计1.1工作区配置1.2依赖管理策略二、组件设计规范体系2.1原子设计模型2.2组件测试规范三、主题系统实现方案3.1CSS变量架构3.2运行时主题切换四、文档自动化方案4.1组件元数据提取4.2实时预览沙箱五、CI/CD流水线建设5.1自动化流程设计5.2质量门禁
  • Python + Chrome 爬虫：如何抓取 AJAX 动态加载数据？ 小白学大数据 pythonpythonchrome爬虫开发语言
    在现代Web开发中，AJAX（AsynchronousJavaScriptandXML）技术被广泛应用于动态加载数据，使得网页能够在不刷新的情况下更新内容。然而，这也给传统爬虫带来了挑战——使用requests+BeautifulSoup只能获取初始HTML，而无法捕获AJAX返回的动态数据。解决方案：Selenium+ChromeDriver：模拟浏览器行为，等待AJAX数据加载完成后再抓取。直
  • HTML CSS 使div中的子元素横向排列，并均匀分布 boluo_people12345 htmlcss前端
    #do_rect{/*水平均匀排列*/display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;}以上是示例。效果图：你好
  • Nginx源码分析 编程界的谢菲尔德 nginx运维
    目录解析auto:configure编译的脚本html：默认htmlobjs：执行configure之后产生的src：源码conf：默认配置文件contrib:一些使用工具e.vim的高亮语法man：帮助文件auto文件：cc:＃检各种编译器的脚本lib:＃检各种编译依赖库的脚本os:＃检各种操作系统的脚本types:＃检平台相关的基本类型的脚本src文件core数据结构定义和核心代码event事
  • jquery实现的jsonp掉java后台 知了ing javajsonpjquery
    什么是JSONP？ 先说说JSONP是怎么产生的： 其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下这个问题，看看是否有帮助。 1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准； 2、
  • Struts2学习笔记 caoyong struts2
    SSH : Spring + Struts2 + Hibernate 三层架构(表示层,业务逻辑层,数据访问层) MVC模式 (Model View Controller) 分层原则:单向依赖，接口耦合 1、Struts2  =  Struts  + Webwork 2、搭建struts2开发环境    a>、到www.apac
  • SpringMVC学习之后台往前台传值方法 满城风雨近重阳 springMVC
    springMVC控制器往前台传值的方法有以下几种： 1.ModelAndView    通过往ModelAndView中存放viewName：目标地址和attribute参数来实现传参：      ModelAndView mv=new ModelAndView();  mv.setViewName="success
  • WebService存在的必要性？ 一炮送你回车库 webservice
    做Java的经常在选择Webservice框架上徘徊很久，Axis  Xfire Axis2 CXF ，他们只有一个功能，发布HTTP服务然后用XML做数据传输。 是的，他们就做了两个功能，发布一个http服务让客户端或者浏览器连接，接收xml参数并发送xml结果。 当在不同的平台间传输数据时，就需要一个都能解析的数据格式。 但是为什么要使用xml呢？不能使json或者其他通用数据
  • js年份下拉框 3213213333332132 java web ee
    <div id="divValue">test...</div>测试 //年份 <select id="year"></select> <script type="text/javascript"> window.onload =
  • 简单链式调用的实现技术 归来朝歌 方法调用链式反应编程思想
    在编程中，我们可以经常遇到这样一种场景：一个实例不断调用它自身的方法，像一条链条一样进行调用 这样的调用你可能在Ajax中，在页面中添加标签： $("<p>").append($("<span>").text(list[i].name)).appendTo("#result");   也可能在HQ
  • JAVA调用.net 发布的webservice 接口 darkranger webservice
    /** * @Title: callInvoke * @Description: TODO(调用接口公共方法) * @param @param url 地址 * @param @param method 方法 * @param @param pama 参数 * @param @return * @param @throws BusinessException
  • Javascript模糊查找 | 第一章 循环不能不重视。 aijuans Way
    最近受我的朋友委托用js+HTML做一个像手册一样的程序，里面要有可展开的大纲，模糊查找等功能。我这个人说实在的懒，本来是不愿意的，但想起了父亲以前教我要给朋友搞好关系，再加上这也可以巩固自己的js技术，于是就开始开发这个程序，没想到却出了点小问题，我做的查找只能绝对查找。具体的js代码如下： function search(){ var arr=new Array("my
  • 狼和羊，该怎么抉择 atongyeye 工作
    狼和羊，该怎么抉择 在做一个链家的小项目，只有我和另外一个同事两个人负责，各负责一部分接口，我的接口写完，并全部测联调试通过。所以工作就剩下一下细枝末节的，工作就轻松很多。每天会帮另一个同事测试一些功能点，协助他完成一些业务型不强的工作。 今天早上到公司没多久，领导就在QQ上给我发信息，让我多协助同事测试，让我积极主动些，有点责任心等等，我听了这话，心里面立马凉半截，首先一个领导轻易说
  • 读取android系统的联系人拨号 百合不是茶 androidsqlite数据库内容提供者系统服务的使用
           联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢   关键代码:     1, 使用javabean操作存储读取到的数据 package com.example.bean; /** * * @author Admini
  • ORACLE自定义异常 bijian1013 数据库自定义异常
    实例： CREATE OR REPLACE PROCEDURE test_Exception ( ParameterA IN varchar2, ParameterB IN varchar2, ErrorCode OUT varchar2 --返回值,错误编码 ) AS /*以下是一些变量的定义*/ V1 NUMBER; V2 nvarc
  • 查看端号使用情况 征客丶 windows
    一、查看端口 在windows命令行窗口下执行： >netstat -aon|findstr "8080" 显示结果： TCP     127.0.0.1:80         0.0.0.0:0    &
  • 【Spark二十】运行Spark Streaming的NetworkWordCount实例 bit1129 wordcount
    Spark Streaming简介   NetworkWordCount代码   /* * Licensed to the Apache Software Foundation (ASF) under one or more * contributor license agreements. See the NOTICE file distributed with
  • Struts2 与 SpringMVC的比较 BlueSkator struts2spring mvc
    1. 机制：spring mvc的入口是servlet，而struts2是filter，这样就导致了二者的机制不同。 2. 性能：spring会稍微比struts快。spring mvc是基于方法的设计，而sturts是基于类，每次发一次请求都会实例一个action，每个action都会被注入属性，而spring基于方法，粒度更细，但要小心把握像在servlet控制数据一样。spring
  • Hibernate在更新时，是可以不用session的update方法的(转帖） BreakingBad Hibernateupdate
    地址：http://blog.csdn.net/plpblue/article/details/9304459 public void synDevNameWithItil() {Session session = null;Transaction tr = null;try{session = HibernateUtil.getSession();tr = session.beginTran
  • 读《研磨设计模式》-代码笔记-观察者模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; import java.util.Observable; import java.util.Observer; /** * “观
  • 重置MySQL密码 chenhbc mysql重置密码忘记密码
    如果你也像我这么健忘，把MySQL的密码搞忘记了，经过下面几个步骤就可以重置了（以Windows为例，Linux/Unix类似）： 1、关闭MySQL服务 2、打开CMD，进入MySQL安装目录的bin目录下，以跳过权限检查的方式启动MySQL mysqld --skip-grant-tables  3、新开一个CMD窗口，进入MySQL mysql -uroot  
  • 再谈系统论，控制论和信息论 comsci 设计模式生物能源企业应用领域模型
                               再谈系统论，控制论和信息论     偶然看
  • oracle moving window size与 AWR retention period关系 daizj oracle
    转自： http://tomszrp.itpub.net/post/11835/494147 晚上在做11gR1的一个awrrpt报告时,顺便想调整一下AWR snapshot的保留时间,结果遇到了ORA-13541这样的错误.下面是这个问题的发生和解决过程. SQL> select * from v$version; BANNER -------------------
  • Python版B树 dieslrae python
    话说以前的树都用java写的,最近发现python有点生疏了,于是用python写了个B树实现,B树在索引领域用得还是蛮多了,如果没记错mysql的默认索引好像就是B树... 首先是数据实体对象,很简单,只存放key,value class Entity(object): '''数据实体''' def __init__(self,key,value)
  • C语言冒泡排序 dcj3sjt126com 算法
    代码示例： # include <stdio.h> //冒泡排序 void sort(int * a, int len) { int i, j, t; for (i=0; i<len-1; i++) { for (j=0; j<len-1-i; j++) { if (a[j] > a[j+1]) // >表示升序
  • 自定义导航栏样式 dcj3sjt126com 自定义
    -(void)setupAppAppearance { [[UILabel appearance] setFont:[UIFont fontWithName:@"FZLTHK—GBK1-0" size:20]]; [UIButton appearance].titleLabel.font =[UIFont fontWithName:@"FZLTH
  • 11.性能优化-优化-JVM参数总结 frank1234 jvm参数性能优化
    1.堆 -Xms --初始堆大小 -Xmx --最大堆大小 -Xmn --新生代大小 -Xss --线程栈大小 -XX:PermSize  --永久代初始大小 -XX:MaxPermSize  --永久代最大值 -XX:SurvivorRatio --新生代和suvivor比例,默认为8 -XX:TargetSurvivorRatio --survivor可使用
  • nginx日志分割 for linux HarborChung nginxlinux脚本
    nginx日志分割 for linux 默认情况下，nginx是不分割访问日志的，久而久之，网站的日志文件将会越来越大，占用空间不说，如果有问题要查看网站的日志的话，庞大的文件也将很难打开，于是便有了下面的脚本   使用方法，先将以下脚本保存为 cutlog.sh，放在/root 目录下，然后给予此脚本执行的权限   复制代码代码如下: chmo
  • Spring4新特性——泛型限定式依赖注入 jinnianshilongnian springspring4泛型式依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • centOS安装GCC和G++ liuxihope centosgcc
    Centos支持yum安装，安装软件一般格式为yum install .......，注意安装时要先成为root用户。 按照这个思路，我想安装过程如下： 安装gcc：yum install gcc 安装g++： yum install g++ 实际操作过程发现，只能有gcc安装成功，而g++安装失败，提示g++ command not found。上网查了一下，正确安装应该
  • 第13章 Ajax进阶（上） onestopweb Ajax
    index.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/
  • How to determine BusinessObjects service pack and fix pack blueoxygen BO
    http://bukhantsov.org/2011/08/how-to-determine-businessobjects-service-pack-and-fix-pack/   The table below is helpful. Reference   BOE XI 3.x 12.0.0. y BOE XI 3.0 12.0. x. y BO
  • Oracle里的自增字段设置 tomcat_oracle oracle
    　大家都知道吧，这很坑，尤其是用惯了mysql里的自增字段设置，结果oracle里面没有的。oh，no 　　我用的是12c版本的，它有一个新特性，可以这样设置自增序列，在创建表是，把id设置为自增序列 create table t ( id 　　 　　 number generated by default as identity (start with 1 increment b
  • Spring Security（01）——初体验 yang_winnie springSecurity
    Spring Security（01）——初体验     博客分类： spring Security Spring Security入门安全认证        首先我们为Spring Security专门建立一个Spring的配置文件，该文件就专门用来作为Spring Security的配置
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他