HTML优化数据显示页面样式;文本自动换行

原创 2015年11月20日 21:40:46

背景的星星点点用到javascript库在线代码引入(http://www.jq22.com/),样式很不错,中间展示页面要解决的问题有:button框居中,文本顶头,文字自动换行

一、button居中用到了下面代码;但在后来调试中发现这两行代码作用不同;第一行加了第一行后白色边框变宽,如下图一;不加第二行整体变窄,如下图二

<span style="white-space:pre">	</span><div style="display: inline-block;">
<span style="white-space:pre">	</span><div class="container">

图一


图二


二、文本顶头

文字本是居中的,首先试了向左偏移,代码如下;这种方式如果文字是固定的可行,但如果从数据库取数据文本内容变化,就不可用

<div style="margin-left: 250px">
<span style="white-space:pre">	</span>然后用text-left解决了,代码如下<pre name="code" class="html"><p class="text-left" style="height:20px;"><strong>name</strong>


三、文本自动换行,给css加样式display:inline-block实现;

<pre name="code" class="html"><span class="text-left display:inline-block"  style="white-space:nowrap;">
实现强制不换行
<span class="text-left display:inline-block"  style="white-space:normal;">






版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

HTML段落、文本格式、样式

定义段落:在不产生一个新段落的情况下进行换行:当显示页面时,浏览器会移除源代码中多余的空格和空行,因此,无法通过在HTML代码中添加额外的空格或换行来改变输出的效果。段落的行数依赖于浏览器窗口的大小。...
  • thigdo
  • thigdo
  • 2011年07月14日 13:18
  • 7339

html 常用的格式标签(包含列表,内容样式标签,物理样式标签等等)

段落标记,一般情况下在每个段落的前面加上一个标记可以区分段落,又可以换行。 之后的文字将在下一行显视。 设置水平线。 标记所有包含的内容,将以居中对齐的方式显示在网页中。 标签可以把原文件中的...

CSS样式自动换行(强制换行)

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲...
  • ye987987
  • ye987987
  • 2012年09月24日 10:36
  • 80214

在html中控制自动换行

其实只要在表格控制中添加一句 就搞定了。 其中可能对英文换行可能会分开一个单词问题:解决如下: 语法:  word-break : normal | break...

【HTML】让<pre>标签文本自动换行

利用这个标签可以将其包起来的文字排版、格式,原封不动的呈现出来。 也就是说你输入的东西被原封不动的输出,包括你输入的空格之类的,不用 和等来表示空格或者回车了。 但是,默认情况下, 标签中的内容...

Html+CSS 文本的强制换行

作为一个成长的菜鸟,总是不断遇到各种问题,今天博主遇到了一个问题。 对于一般的div 自要设置了width; 如果容器里面的文字过多,则文章就会自动换行, 但是如果输入连续的英文字符,则设置的wi...

显示数据(从数据库中得到)中的html标签 用于解决数据在前台显示,样式被数据破坏的问题!!css

              aaaaaaaaaaaaaaxxxxxxxxxxxxxxx   ccccccccccccc           在页面显示的是:aaaaaaaaaaaaaaxxxxxxxx...

在浏览器中显示TXT 文本中的换行(html/txt)

记事本,word等以回车换行。html以或等会形成一行。如何统一txt与 html,就是在普通txt的开头加一个pre标签。这样,作为txt,它仍能在文本编辑器中,方便地阅读、编辑、搜索。同时,又能在...

js动态改变table的text值

html>head>meta http-equiv="Content-Type" content="text/html; charset=gb2312">title>EditableTexttitle...

Python 获取SVN 文件

Python 获取SVN 文件 2012-08-16 09:59:06     我来说两句       收藏  我要投稿 背景:  最近要从SVN 服务器的一个文件夹里面check out 八...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML优化数据显示页面样式;文本自动换行
举报原因:
原因补充:

(最多只允许输入30个字)