相关疑难解决方法(0)

我正在尝试使用jQuery计算文本宽度.我不确定是什么,但我肯定做错了什么.

所以,这是代码:

var c = $('.calltoaction');

var cTxt = c.text();

var cWidth =  cTxt.outerWidth();

c.css('width' , cWidth);

我正在打电话$("#foobar").css("line-height")并恢复"正常".如何将其转换为像素数量？CSS规范中是"正常"定义还是浏览器特定？

在HTML/CSS中使用排版时常见的问题是瑞典人称之为"horunge"(英语中的" 寡妇 ").

这是什么:

假设你有一个宽度为200px的盒子,文字"我非常喜欢打字".现在文本中断并变为:

我爱印刷术非常
多

作为一名设计师,我不想要一个单词混蛋(单字/行).如果这是一个文档/ PDF等我会在之前打破这个词,看起来像这样:

我
非常喜欢排版

看起来好多了.

我可以用CSS规则或javascript解决这个问题吗？规则应该是永远不要让一个单词在一行中空着.

我知道它可以通过添加a来解决,<br />但这不是一个适用于动态宽度,提要内容,不同翻译,浏览器字体渲染问题等的解决方案.

更新(解决方案) 我用这个jquery插件解决了我的问题:http://matthewlein.com/widowfix/

我想知道一行textarea的高度.我想知道,因为我想做一些计算.我们知道吗或者我们必须做一些脚本吗？

我有一个textarea,其行高设置为"正常".但是,我仍然可以在FireFox中获得实际的像素值:

// firefox
>>> $("#post_body").css('line-height')
"19.1167px"

虽然我不能在Chrome中:

// chrome
>>> $("#post_body").css('line-height')
"normal"

如何在Chrome中获得实际像素行高？

我想在底部填充ul(或到最后一个li)添加底部填充,它恰好等于line-height属性at 的计算值ul和li(它们都继承它们line-height).换句话说,我希望在"项目3"下的白色空间大小与li添加"项目4"相同.那可能吗？

需要注意的是em与rem单位没有做到这一点,如果line-height不等于1.此外,考虑到"环境"中的ul生活是未知的.例如,我不知道是否body有line-height: 1.1,line-height: 2等等.

我希望在此图像中将蓝色空间作为填充.

这实现了期望的外观,但是对于这样一个简单的用例而言必须使用伪元素是错误的.

ul {
  list-style: none;
  background: #ccc;
}

ul::after {
  content: "\00a0";
  display: list-item;
}

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

我想弄清楚<p>div中标签的行高。

var myp = document.getElementById('myp');
var heightLabel = document.getElementById('heightLabel');
heightLabel.innerHTML = myp.style.lineHeight + " is the height.";

    <div> 
      <p id=myp>People assume I'm a boiler ready to explode, <br>but I actually have very low blood pressure, <br>which is shocking to people.</p>
    </div>
    
    <h3 id="heightLabel"></h3>

但是，如上面的代码所示，如​​果未显式分配p标记的行高，则using .style.lineHeight将返回一个空字符串。

<p>如果未分配标记，是否可以获取标记中的线条高度？我想最后得到px。