标签: text-align

highcharts 工具提示文本对齐

我使用高图表创建了一个图表。工具提示在 FF 和 IE 中工作正常,但在 chorme 中,文本超出了框架。

我尝试使用 HTML

tooltip:
    {
     //Tried this also
    /* formatter: function()
    {
    return '' + Highcharts.dateFormat('%H:%M:%S', this.x) +'; '+ this.y;
    }, */
    useHTML: true,
    formatter: function() {
    var html="<div style='width:140px;text-align:center; direction:ltr'>"+
    Highcharts.dateFormat('%H:%M:%S', this.x) +'; '+ this.y+
    "</div>"; 
    return html;
    }

},
Run Code Online (Sandbox Code Playgroud)

text-align tooltip highcharts

3
推荐指数
2
解决办法
9688
查看次数

CSS使文本左对齐并同时对齐

有没有办法让文本左对齐并且同时对齐?意思是左对齐.有没有办法实现这个目标?感谢帮助.

html css text text-align css3

3
推荐指数
3
解决办法
2万
查看次数

在Google Maps Marker代码段中对齐文本

我希望我的代码段中的字符串与中心对齐.

此外,片段中的断路器(\n)转换为空格,是否有插入断路器的方法?

我的相关代码:

GoogleMap map = ...
map.addMarker(new MarkerOptions().position(pos)
        .title("title")
        .snippet("body \n and mind");
Run Code Online (Sandbox Code Playgroud)

谢谢

android google-maps text-align line-breaks marker

3
推荐指数
1
解决办法
1万
查看次数

VIM格式化/对齐

我正在尝试将VIM作为我的ruby/rails编辑器.如此肥胖我的功能令人印象深刻,我能够安装以下插件,为我提供更好的IDE体验

  • 自动对
  • 好snipmate-片段
  • nerdcommenter
  • nerdtree
  • 表格式的
  • VIM-末端向前
  • VIM-nerdtree的选项卡
  • VIM护栏
  • VIM环绕

但是,我仍然难以找到格式化/对齐代码的方法.作为一个例子,有时我可能会复制并粘贴来自其他地方的代码,然后整个代码就会分散.

例如:items.css.scss

.throw {
  float:left; width: 100%; 
                   margin-bottom: 2px; 
                        border: solid gray 1px; 
                                border-radius: 10px; 
                                            .cell { 
                                                            float: left; 
                                                                            padding-left: 6px; 
                                                                                            padding-right: 6px; 
                                                                                                         } 
                                                                                                             } 
Run Code Online (Sandbox Code Playgroud)

我想要它

.throw {
  float:left; width: 100%; 
  margin-bottom: 2px; 
  border: solid gray 1px; 
  border-radius: 10px; 
     .cell { 
       float: left; 
       padding-left: 6px; 
       padding-right: 6px; 
                                                                                                } 
                                                                                           } 
Run Code Online (Sandbox Code Playgroud)

什么是在VIM中对齐/格式化代码的最佳插件/方法

vim formatting text-align

3
推荐指数
1
解决办法
321
查看次数

如何使用 d3.js 将标题置于 SVG 图表的中心?

演示: http: //jsfiddle.net/29j6ozqn/

我创建了一个带有两个轴的简单 SVG,并附加了一个text元素作为图表的标题。但我找不到可靠的方法将标题居中于图表的中点。我希望文本元素的中间与 x 轴上的“0.5”刻度对齐。对我来说,从视觉上看,那是图表的中间。

我想要一个通用的解决方案,这意味着无论文本字符串有多长,中间总是超过“0.5”。x 轴是什么类型的轴也无关紧要(无论是线性的、有序的等)

javascript css svg text-align d3.js

3
推荐指数
1
解决办法
8277
查看次数

HTML5 如何将表格与表单内的中心对齐?

我有一个<form>,在那个表格中,我有一个<table>. 我尝试在该表单上使用text-align: centeralign-items:center,但其中的表格仍然向左对齐(而表格的子元素与该表格内部的中心对齐)。如何将表格与表格内的中心对齐?

html css text-align alignment

3
推荐指数
1
解决办法
9012
查看次数

根据文本是否为多行来对齐文本?

我正在寻找一种CSS解决方案,根据文本是否分成多行而不同地对齐文本.没有Javascript,谢谢.不过,我对边缘浏览器的支持感到满意.

这就是我想要实现的目标:

在此输入图像描述

当文本内容只填充一行时,我希望它坚持text-align: center;.否则,我希望它是text-align: left.

我知道我可以根据以下内容使用Javascript分配不同的类:

  • 字符数
  • 元素高度与行高

但是这些解决方案并不通用,并且有许多复杂性.我正在寻找的是一个CSS(可能是CSS3边缘)解决方案,解决了迄今为止我无法解决的问题.

css text-align css3

3
推荐指数
1
解决办法
83
查看次数

Bootstrap 4 类“text-align: left”

我可以使用style属性text-align,但我想使用引导类。

style="text-align:left;"Bootstrap 4 中相当于什么 ?

text-align bootstrap-4

3
推荐指数
1
解决办法
2万
查看次数

打破表格单元格内不带空格的长文本

我想像这里一样对齐此文本,但如果我运行此代码,我的较长文本在一行中,文本“我的信息在两行中。如何与宽度有限的更多行对齐?

<html>
<head>
<style>

.div_name p{
    position: fixed;
    display:inline;
}

.div_city p{
    display:inline;
}

.div_info p{
    display:inline;
} 

 div.all_info {
  position: absolute;
  right: 30%;
  width: 200px;
  height: 100px;
  //border: 3px solid blue;
} 
</style>

</head>
<body>

<div class="all_info" align = "right"> 
<table>
<tr><td align="right" width150px><div class="div_name:">Your name: </td> <td align="left" width=200px><p id="myname">David</p></td></div></tr>  
<tr><td align="right" width=150px><div class="div_city:">Your city: </td> <td align="left" width=200px><p id="mycity">Prageu</p></td></div></tr>
<tr><td align="right" width=250px><div class="div_info:">Your Informations: </td> <td align="left" width=200px><p id="myinfo">myinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfo</p></td></div></tr>
</table>    
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

html css html-table text-align line

3
推荐指数
1
解决办法
2732
查看次数

Bootstrap 5 输入文本右对齐

我想显示右对齐的输入值。我怎样才能做到这一点?

你可以在图片中看到我想要的东西。

我的代码如下:

<td style="text-align:center; vertical-align: middle; padding: 8px 18px;">
    <input type="text" class="form-control float-end" id="orden${count}" value="${c}">
</td>
Run Code Online (Sandbox Code Playgroud)

javascript css text-align input bootstrap-5

3
推荐指数
1
解决办法
1万
查看次数